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تكوين صفحة الويب 


الدكتورة ندى الساعي 


من منشورات الجامعة الافتراضية السورية 
الجمهورية العربية السورية 2020 
هذا الكتاب منشور تحت رخصة المشاع المبدع - النسب للمؤلف - حظر الاشتقاق (4.0 ١/0‏ -لا8 -0)0) 
.20م /0. 00/4 - لاط /دع ددع ء | /ع 05.0 00ت مامعع لاأأوعنء //: كم خخ 


يحق للمستخدم بموجب هذه الرخصة نسخ هذا الكتاب ومشاركته وإعادة نشره أو توزيعه بأية صيغة وبأية وسيلة للنشر ولأية غاية تجارية 
أو غير تجارية؛ وذلك شريطة عدم التعديل على الكتاب وعدم الاشتقاق منه وعلى أن ينسب للمؤلف الأصلي على الشكل التالي حصراً : 


الدكتورة ندى الساعيء الإجازة في الإعلام والاتصال» من منشورات الجامعة الافتراضية السورية» الجمهورية العربية السورية» 2020 


متوفر للتحميل من موسوعة الجامعة /ع00115©.01نا/ا6013.5م//:دمخط 


مماغجع عع نط لاع ثلا 


[ج5ا4 303" 


(نالاذ) لإفأأئرعنااصلنا ادبءمألا صوأءلاك عط 5ه كمماغوء أاطنم 
0 مع ااطبامع5 طوعم مدأ لاد 
نع5مع || عطة تعلمب معطذأاطنم 
0 31165 /اأمع ماهلا -كصه أ لاط ]م كطممامام0 عناأأهع0 


(4.0 مالا لا8-نن) أجممأخومععخما 





ع0 0عاقع0/16. 00/4 باط /ردع ددم ٠‏ 8/1 70115.01 عع لاأأوع ///: دم خط 


/0.ع طتاصهناناك. 3 أ0عم//:دمغط :غ3 0دهامنلامل عم؟ عاطدا زوم 


الفهرس 


الوحدة التعليمية الأولى: تكوين صفحة الويب - النشأة والتطور 1 
أولاً: المقدمة 7 15 +[ |[ ز [ [ |[ |[ ز[ ز[ز[ز[ز[ز[ [ 0000000 زا 20 
ثانياً: مفهوم الويب 22000 
ثالثاً: تعريف الويب ماع /ا/ا 1000 
رابعاً: مميزات وخصائص خدمة الويب اعل/الا 0 21 
خامساً: خدمة الويب 2.0 اع ل/الا 1 
سادساً: خصائص خدمة الويب 2.0 اءعل/الا 1 
سابعاً: عيوب 2.0 اع لاا ل 1 
ثامناً: خدمة 3.0 مع للا 1 
تاسعاً: مميزات الويب 3.0 (اعل/الا 1 
الخاتمة 2 
الخلاصة ل 
المراجع 100000 
التمارين 2 

الوحدة التعليمية الثانية: تكوين صفحة الويب - قواعد تصميم (تكوين) صفحة الويب26 
أولا: المقدمة 27 
ثانياً: مفهوم موقع أو صفحة الويب 1[ 001017111 
ثالثاً: تصميم موقع أو صفحة الويب 0 
رابعاً: الخطوط الإرشادية لتصميم مواقع و صفحات الويب ااا و 3 
الخاتمة ا 01 07 
الخلاصة 0 
التمارين 1 


الوحدة التعليمية الثالثة: البرامج التقنية المستخدمة في تصميم (تكوين) صفحة الويب 51 


أولا: المقدمة 5 
ثانياً: البرامج المتعلقة بتصميم صفحات الويب بز 0 00 
ثالثاً: برامج تصميم الوسائط المتعددة المستخدمة في التصميم 0 
الخاتمة ااا 00 1 1غ 
الخلاصة 0000 ز[ؤ[ [ ز[ز ز ز ز ا اا 
التمارين 7 
المراجع 1 
الوحدة التعليمية الرابعة: برامج تصفح صفحات الويب وبرامج تحرير الصور ...... 74 
أولا: المقدمة 0 
ثانيا: برامج تصفح الويب ا 0 
ثالثاً: نشأة المتصفحات ال و 717 
رابعا: وظائف المتصفحات و 7 
خامساً: برامج تحرير الصور 91 
سادساً: تنسيقات الصور الأكثر استخداماً عبر شبكة الإنترنت ا 0 
سابعاً: أسس اختيار الصور للمواقع الإلكترونية ا ا ا 
الخاتمة 1غ 
الخلاصة دبز ا 
المراجع 5 
التمارين 00 ا 
الوحدة التعليمية الخامسة: عناصر تصميم (تكوين) صفحة الويب 000 
أولا: المقدمة 55 
ثانياً: مواصفات مستخدمي مواقع الويب 00 
ثالثاً: عناصر التصميم وسوس كو الس 9 


رابعاً: نماذج إدراك الألوان 141414141414141[ |[ [ | 0007000 


خامساً: نظريات الألوان التي تفسر وجودها 1 


سادساً: عجلة الألوان 11 
سابعاً: أسس وقواعد استخدام الألوان 0000000101 
الخاتمة 1 
الخلاصة 1 
المراجع 00 |[ ز[ز[ز[ [ [ [ ز ا 0 
التمارين ااا ا اذ[ ا 
الوحدة التعليمية السادسة: عناصر تصميم الصفحة الرئيسية 11 
أولا: المقدمة م سم ل اق ا 11 
ثانياً: تصميم الصفحة الرئيسية 1 
ثالثاً:. أقسام الصفحة الرئيسية 0 
رابعاً: قواعد تصميم الصفحة الرئيسية ل 0 
خامساً: عناصر تصميم الصفحة الرئيسية انم ولط 1 103 
الخاتمة 8 شظ(شظ5ظط1إ 
الخلاصة 1 
المراجع 1 
التمارين 1 
الوحدة التعليمية السابعة: مبادئ تصميم صفحة الويب 010000 11# 
أولاً: المقدمة ا ببب-ب000010 0 0 
ثانياً: مبادئ التصميم 1 
أولاآ: التوازن 1 
ثانياً: الوحدة 1 
ثالثا: الحركة 10 
رابعاً: التباين 1 


سادساً: التناسب ا اا 00 0 ااا 


سابعاً: الإيقاع 1 
الخاتمة ل 
الخلاصة 1 
المراجع 1 
التمارين >ة ةذ زذزذز > ذز >< ز<ز<ز ز ز ز 00110000 |[ |[ |[ [  [‏ ا 060 

الوحدة التعليمية الثامنة: تصميم الصحيفة الإلكترونية 1 
أولا: المقدمة ال تاتس او ا ا كالح م ا 1 116 
ثانياً: مفهوم الصحافة الإلكترونية 16 
ثالثاً: أنواع الصحافة الإلكترونية 1 
رابعاً: خصائص الصحافة الإلكترونية 1 
خامساً: تصميم الصحف الإلكترونية و1 
سادساً: أسس الإخراج الصحفي و ا 1 1 
الخاتمة 1 
الخلاصة 1 
المراجع 1 
التمارين 1 

الوحدة التعليمية التاسعة: عناصر تصميم الصحيفة الإلكترونية 00 
أولا: المقدمة 1159 
ثانياً: العناصر البنائية التيبوغرافية 1 

- النصوص ا 1907 

- الخطوط ام 11 


- الألوان ل 
الخاتمة 000 اا 
الخلاصة 0 
المراجع ااا ااا ااا ااا ااا ااا 
التمارين برةؤ5غ5ةذؤ5ؤذ5ذ5ذ5 ذ51ذ 5 ذ ذ ذ زذ 5 1000005 0# 04[ؤ#[#1 48#[ 8[ؤ[4[ز[ز1[ز1ز [ز[ ز 1 ز ز ز ز 7 ا 

الوحدة التعليمية العاشرة: عناصر تصميم الصحيفة الإلكترونية - العناصر التكنولوجية 
0 
أولا: المقدمة 21/0 
ثانياً:. العناصر البنائية التكنولوجية 1 

- الوسائط المتعددة 217 

- الرسوم المتحركة 0 

- المقاطع الصوتية الرقمية ا 

- مقاطع الفيديو 0 

- النص المتشعب (الفائق) غ«اع+)ع0/إ!ا 0 
الخاتمة 20 
الخلاصة ل 
المراجع كن الو ارولو 2 


الوحدة الأولى 
تكوين صفحة الويب - النشأة والتطور 


محتويات الوحدة 


5 


مقدمة. 
مفهوم خدمة الويب اعل/الا. 
نشأة وتطور خدمة الويب 0علالا: 
خدمة الويب 1.0 اعل/الا. 
خدمة الويب 2.0 اعلالا. 
خدمة الويب 3.0 اعلالا. 


اللاخطية. 

التفاعلية. 

دعم الرسوميات. 

تصميم الصفحات المتنوعة. 
خاتمة. 


الأهداف التعليمية 


بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 


1 يشرح مفهوم الويب. 
2- يعدد تعريفات الويب (اعلالا. 
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يذكر مميزات وخصائص خدمة الويب 5علالا. 


4 يشرح خدمة الويب 2.0 علالا. 


5- يحدد خصائص خدمة الويب 2.0 علالا. 


6- يشرح عيوب 2.0 لاعلالا. 


7- يشرح خدمة 3.0 مهلالا. 


8 يعدد مميزات الويب 3.0 (اعلالا. 


الكلمات المفتاحية: 

الإنترنت - خدمة الويب /ل/ا/الالالا - ويب 2.0 - ويب 3.0 - الوسائط المتعددة - النص المتشعب - 
الروابط - برامج التصفح - المستعرضات - /ع07امكاع أعتلمعاما حلام]ع/اط 113دهالا - و1أه05/! - 
عنوان الموقع - مجال الموقع - برتوكول نقل الملفات 215 - بروتوكول نقل ملفات النص الفائق 
5 - صفحات الويب الساكنة - صفحات الويب التفاعلية -اللاخطية - التفاعل - الرسوميات. 


أولاً: مقدمة 


ا 


تعد خدمة الويب ١/6‏ 1/106 0710 :/الالالالالا من أهم التطورات التي حدثت في الإنترنت» وقد 
اعتبرها البعض الثورة الثانية في ظهور الإنترنت» حيث إنها ليست سوى إحدى الخدمات المتاحة على 
الإنترنت» وهي التي أعطت للإنترنت الصبغة (الشعبية) التي حولتها من جهاز بيد الخاصة من الباحثين 
العلميين في مختلف التخصصات إلى وسيلة اتصال واعلام جماهيرية بيد الملايين من عامة الشعوب في 
مختلف أنحاء العالم. 

وفي هذه الوحدة سيتم التعرض لنشأة ظهور هذه الخدمة» ومفهومها وتعريفهاء والخصائص والميزات التي 
تتمتع بهاء والتي أضفتها على شبكة الإنترنت» كما سيتم التعرض إلى خدمة الويب 2.0 اعلالاء وخدمة 
الويب 3.0 85لالاء وهما الخدمتان اللتان تمثلان تطوراً في خدمة الويب» والتي أوصلت المستخدمين؛ 
إلى عالم الوسائل التفاعلية المتمثلة في المدونات ومواقع التواصل الاجتماعية. 


ثانياً: مفهوم الويب 

كانت الخدمات التي تقدّم عبر الإنترنت» قبل ظهور 
الويب» حكراً على الجامعيين والباحثين في المؤسسات 
العلمية» ومطوري أنظمة الكمبيوترء فكان هؤلاء يتبادلون 
المعلومات المفهرسة التي تساعدهم في إنجاز أعمالهم 
البحثية والعلمية» وتمكّنهم من إعداد محاضراتهم التي 
يقدمونها للطلاب في الجامعات وغيرهاء كما تمكنهم من 
إرسال الرسائل الإلكترونية واستقبالهاء هذا إضافة إلى 
استخدامها من قبل الباحثين في الشؤون العسكرية 
والعاملين في المؤسسات العسكرية» لكن هذا الوضع 





ومع ظهور الويب اختلف بشكل كبيرء فأصبحت الإنترنت في أيدي العامة من الأفراد» من خلالها 
يتبادلون ويحصلون على الكثير من المعلومات؛» ويرسلون الرسائل الإلكترونية ويستقبلونهاء ويتصفحون 
العديد من المواقع الإعلامية وغير الإعلامية» وأصبحت هذه الوسيلة» ليست فقط الوسيلة الأهم في 
الحصول على المعلومات العامة» بل واحدة من وسائل الاتصال والإعلام الجماهيرية التي يستخدمها 
الملايين من الأفراد الذين استبدلوا بها وسائل الاتصال والإعلام التقليدية. 

وتستخدم الويب أسلوب النص الفائق أو المتشعب 
أ“«©1611! لنشر النصوصء ويتيح هذا النظام البحث في 
وثائق معقدة داخل الشبكة» وتتابع روابط النص الفائق 
(الويب) في تتبع الأفكار والموضوعات من صفحة ويب 
ع50مطاع اا 





إلى صفحة أخرى بغض النظر عما إذا كانت هذه الصفحة مخزنة في الحاسب نفسه والمسمى خادم 
الويب 5617/61 هلالاء أو موزعة على خادمات أخرى منتشرة في أنحاء العالم» لذا فهي تسمح للمستخدم 
بالانتقال بسرعة من مصدر معلومات إلى آخر بمجرد الضغط على المصدر. 

فالويب 65//| إذاً طريقة لتنظيم المعلومات بحيث يستطيع أي كمبيوتر في العالم أن يعمل وفق قواعد 
معينة للوصول إلى تلك المعلومات» وتُسمى القواعد التي تحدد كيفية الوصول إلى الملفات ونقلها عبر 
الويب بروتوكولات نقل النصوص التشعبية ا001060]ظ /ع13251 اع امعمل/الا. 


دور العالم الفيزيائي البريطاني ©©5617©615-1 1107 في تطوير خدمة الويب: 


قد طور خدمة الويب في عام 1991 العالم الفيزيائي 
البريطاني عع اع 5 إعواعظ (ززلل في المعمل 
الأروزبي الفيزياء الحزقاك:قى .ليف يديه تكزن. | 
نكلاما ‏ لزيظ. المعلويات. .ميتضنن" كلذكة ختاصيو 






رئيسية: 
1- طريقة لإعطاء كل موقع عنواناً فريداً. 

2- بروتوكول لنقل تلك البيانات المرتبطة بعضها مع بعض. 
3-لغة لترميز المعلومات. 


ونظراً للحاجة إلى تنسيق أساسي لأي مستند يميزه عن غيره من أجل تمرير المعلومات المرسلة 
والمستقبلة بين أنظمة الحاسبات» فقد طور 8677615 115 لغة ترميز النصوص التشعبية :11/1 لا 
10 !ا مناكا131/! 4ا1!'/0616! بالاعتماد على لغة سابقة هي لغة الترميز المعممة والقياسية 

301130 ا همناكا:1/3 03606131120 51900310: اااات)5: وتتميز لغة ا/111| بالبساطة 
والشمولية وعدم الحاجة إلى الترقية» بمعنى أن 86/0765 1107 أضاف في سعيه لتنظيم نمو الويب 
بديهية أخيرة بخصوص الإصدارات الجديدة» وهي أنه يجب ألا تلغى الإصدارات القديمة من اللغة» وبهذه 


الطريقة فإن نمو الويب سيتطلب فقط إضافات جديدة على الإضدارات القديمة: 


ثالثاً: تعريف الويب طاعلالا 
اختلفت تعريفات الويب 5©/ل/ا تبعاً لاختصاصات الباحثين الذين استخدموا ودرسوا هذه الخدمة: 

©« فذوو الخلفيات التقنية من مطوري الشبكات ومصممي المواقع والمبرمجين يركزون في تعريفهم 
لها على الوصف التقني» كطبيعة اللغة المستخدمة في البرمجة والمستخدمة في كتابة الوثائق 
والبروتوكولات التي تنظم التواصل. 

© بينما يركز الإعلاميون على المضمون والميزات والخصائص التي تحملهاء ومن هذه التعريفات 
ما يلي: 

1-الويب 5©/ل/ا "هي مجموعة من الملفات المرتبطة فيما بينهاء والمتضمنة لملف افتتاحي يسمى 
الصفحة الرئيسية ©2396 ©119176؛ والتي يمكن الدخول من خلالها إلى بقية الوثائق والصفحات 
المتضمنة في الموقع» ويتم الوصول إلى الموقع من خلال كتابة اسم الموقع'. 

2- وفي تعريف آخر للويب 1/1/6858 أنها "ملف أو صفحة. أو مجموعة ملفات يتم تخزينها في 
حاسوب خادم !5617/6 يمكن الدخول إليها عبر شبكة الإنترنت». ولكل موقع صفحة رئيسية 
تُصمم غالباً لكي تكون الملف الأول الذي يزوره المتصفح ليأخذ فكرة عامة عن مضامين الموقع 
تتضمن الملفات الموجودة بالموقع وصلات نصية أو رسومية يتم النقر عليها باستخدام جهاز 
مدخلات مثل الفأرة قصد الانتقال من ملف إلى آخر داخل الموقع أو خارجه". 

3- ويعرتف حسني محمد نصر الويب على أنه: "نظام من خادمات الكومبيوتر يدعم الوثائق 
المكتوبة بلغة النص الفائق» ويقوم بالربط بين الوثائق بعضها البعض سواء كانت وثائق نصية أم 
غرافيكية أم صوتية أم ملفات فيديو» وهو مجموعة من المعلومات المترابطة والمخزنة في أجهزة 
كومبيوتر عديدة في جميع أنحاء العالم يتم تسليمها عبر الإنترنت بشكل صفحة أو صفحات 
يطلق عليها صفحة الويب 0996 80لالاء والذي قد يحتوي نصاً أو يشير إلى ملفات أخرى. 
وهذه الملفات قد تحوي صوراً أو لقطات فيديو أو مقاطع سمعية". 

4- ويقول عباس مصطفى: 'لقد نشأت الويب على الإنترنت وهي تستفيد من آليات الإنترنت 
وأجهزتها وبنيتها التحتية التي هي مجموعة من الشبكات والملقمات والأجهزة في جميع أنحاء 
العالم»؛ والعناصر الأساسية للإنترنت هي الحواسيب حول العالم» بينما الويب هي مجموعة أدوات 


غير مادية تسمح بتبادل المعلومات بين المستخدمين أينما كانوا". 


-6 


ومن وجهة نظر الإعلاميين فإن الويب 5٠6//ا‏ هي 'رسائل تواصلية مخزنة في جهاز كمبيوتر 
(خادم) يتم الوصول إليها بالدخول إلى الإنترنت» باستخدام أحد متصفحاتهاء ويتخذ موقع الويب 
شكل الصفحات أو الوثائق المكتوبة بلغة النص الفائق التشعبي» ويتخذ من الصفحة الرئيسية 
واجهة له ويتم التنقل بينها بواسطة وصلات عادية أو تشعبية". 

وتقدّم الرسائل التواصلية بشكل منفرد (نص أو صورة أو صوت أو فيديو)» أو وسائط متعددة 
83 انالاء وغالباً ما تقدم مواقع الويب خدمات تهدف إلى تعزيز التواصل والتفاعل مع 
المتلقي» لذلك يمكن التعامل مع هذه المواقع على أنها وسائل اتصال إلكترونية جماهيرية تتكامل 


فيها الرسالة شكلاآً ومضموناً مع الوسيلة والمتلقي. 


: مميزات وخصائص خدمة الويب (اعلالا 


٠ 
.م‎ 


تتمتع الويب بسمات تميزها عن بقية خدمات 
الإنترنت الأخرى» وهي السمات والخصائص 
التي أصبحت سمة خاصة بالإنترنت نفسهاء 
وبكل التطبيقات التي ظهرت عليهاء ومن هذه 
الخصائص: 





اللاخطية: بمعنى أن صفحات الويب وملفاتها 

مممءع؟ ممه 10 
ترتبط بد كل مترابط وه امن عحب» ويسك 5 جمد 51165 طعل/لا اسن 
المستخدمين الوصول إلى كل صفحة من ,م »,5 









صسمع؟ ممه ه10 
ده ذأء طهلالا عمطنزه 


دممءع! ممه ه10 
طوث/اا عقطنه 
565 


تسمح لهم باختيار المسار الذي يريدونه. ممء؟ ممه ه16 


دوأأء طهلالا عوطنزه 


ب-التفاعلية: تُعد خدمة الويب 5ا6/ل/ا الأساس في إنشاء المواقع الإلكترونية الداعية إلى المشاركة 

والتفاعل على الويب 21/1/65 حيث ستخدم مع أدوات تفاعلية أخرى؛ مثل: البريد الإلكتروني» 

وغرف المحادثة والنقاش» أو المؤتمرات عن بعدء أو مواقع التواصل الاجتماعيء وغيرها من 

أدوات الاتصال والتفاعل التي تجعل الاتصال بمالك الموقع أو إعطاء رأيه حول منتج معين أو 
الاستفسار عن معلومات معينة ممكنة ومتاحة: وطبقاً لوجود التفاعل على صفحات الويب أو 

غيابه» يمكن تقسيمها إلى نوعين: 

1. صفحات الويب الساكنة 3065 «اعلالا 543616: وهي صفحات يغيب التفاعل مع 
محتواهاء ويُكتفى بقراءة الصفحة لعدم وجود أدوات التفاعل» مثل الاكتفاء بقراءة محتوى 
الموضوع الذي يتم عرضه بوسائل متعددة غير النشطة» أو صفحة من الكتبء أو المراجع 
أو المقالات والمراجع» وغيرها من أشكال 
المحتوى التي لا تحتاج من المستخدم 
موس القرايةة أو لقا عله <قية و :الفا ابلا و 1[ 


تسير باتجاه واحد من الكاتب أو المؤسسة 


عذأواع /لا عأاهاذ 


عذأكماء/اا عأ هزم 


إلى المستخدم» دون أن يكون هناك رجع ص 1 
. 2 9 د 


صدى أو رد فعلء أو يمكن أن تكون من 


المستخدم إلى الموقع تعليقاً على بعض 5-7 
من المؤسسة نفسها. 
فحات الويب التفاعلية ع6أوماء إلا عها5 


05 اعللا ع/الاع03ع]م1ا: | 


اء 
ا 


وتصمم هذه الصفحات بحيث تحوي 727 

1 ماوع لا عأ مهميزه 
الأذوات الخاصة بالتفاعل مع 
مكترانها: عإكاة الوضو ل الح رايط مجلم بيد 1[ 


التي تحويهاء أو البحث في قواعد 


البيانات والمعلومات المرتبطة بموضوعاتهاء أو الإجابة عن الأسئلة» أو طلب المساعدات» 


أو إبداء الرأي بموضوعات معينة. 


هناك ثلاثة أشكال للتفاعل عبر صفحات الويب هي: 
1. التفاعل الوظيفي 174612361411014 016410031!: وهو أبسط أشكال التفاعل» ويركز 
على المهمة الأساسية من خلال الإبحار داخل صفحات الويب» سواء عن طريق القوائم 
المنسدلة أم أشرطة التصفح أم محركات البحث أم من خلال روابط النصوص التشعبية؛ 
وهذان الأخيران من أكثر التفاعلات الملاحية استخداماًء إذ يستطيع المستخدم النقر على 
أي رابط نصي لينقله إلى صفحة أخرىء أو النقر على زر تشغيل فيلم أو سماع 
موسيقىء وهناك أشكال أكثر تعقيداً لهذا النمط من التفاعل» ويتمثل في العمليات التي 


تتيح للمستخدم إمكانية تغيير مظهر الويب. 


- 
الا 


أ.55 3112ل .الالالالنا 5 ١‏ © > 
اموسسة 
م ا ا ا 210 ال 


1 - 
ألئته اب :) 
ايام ار مسا 
يه 


بعض أشكال التفاعل الوظيفي موضحة بالقوائم المنسدلة والروابط التشعبية 





2.تفاعل الاستجابة 171673611016 16605361: في هذا النمط من التفاعل يبحث 
المستخدم عن المعلومات لأغراض مختلفة» وقد يُطلب منه إدخال بعض المعلومات في 
مستطيل البحث مثل إدخال البريد الإلكتروني أو ملئ استمارة معينة» وهذا يمثل استجابة من 





طرف واحد حيث يستجيب المستخدم للأسئلة المطروحة عن طريق إدخال البيانات في 


الحقول المفانية 


01/313ع. حاحا. الالالالانا © دج ©» 


ص 
ااا 


شارك برأيك: > موقع يتيح للمستخدمين التفاعل مع 
7711111 هل يشكل اتفاق الصخيرات آخر فرصة لإنقاذ ليبيا؟ المواد المطروحةمن خلال المشاركة 


١‏ ب يهدف 





© قبل 4 ساعة | 88 1 


هل تحترم وسائل الإعلام العربية خصوصية الأفراد؟ 
© 16 ديسمبر/ كانون الأول 2015 ١‏ ©[ 6 


925] تويتر: اختطاف قطريين بصحراء العراق ومهرجان "البوس” في مصر 
قضايا عديدة جذبت اهتمام مستخدمى مواقع التواصل الاجتماى قى الء لعربية. لعل أبرزه 





2. التفاعل المباشر 111/16 1116126 58231-11176!: وهو التفاعل الذي يمكن من خلاله 
إجراء اتصالات مباشرة بين المستخدمين بعضهم ببعض بشكل مباشر من خلال برامج 
المراسلات الفورية مثل (/©1/65561/06! 1/1510 300 ,116556006 300/): وكذلك 
برامج مراسلات بين أعضاء المنظمة الواحدة» ويتم هذا التفاعل خلال الاتصال المباشر 
عبر الإنترنت» ويمكن خلال هذا الاتصال تبادل النصوص (الكتابة المباشرة)» والصور 
ومقاطع الفيديو والموسيقا والكلام المباشر. 


لعالقك 


م 


أشكال التفاعل 
لمباشر التي تتيح 
التواصل بين 

ا لمستخدمين 











ت.دعم الرسوميات: تعد الويب 1/165 الخدمة الوحيدة 
القادرة حتى الآن على التعامل مع أي نوع من أنواع 
الرسوميات»ء وذلك بسبب قدرة مستعرضاته (برامج 
التصفح) على دعم الرسوم والأنواع الأخرى من الوسائطء 
وهذا الدعم للرسوم هو الذي زاد من شعبية الويب 


وانتشارها. 


67 متهم ممتاوء أامم3؟ عومء255 نمكم علطا معمه ناملا موء 


18أ070ع) أدعنا80؟ ومألاة5 نالا 7الاهل م 


0 


ماعلا كامه1 كمماعم +للمع على 


ال 
اخ 


, >3 2< 4# 
4 ه82 ٠‏ 5ه ها 2 
«لاكنا8 مأ غع5 لالأمع؟انت 5 5لأت5 ؟نا0/ نرق 
5لادة !1/6.24 معدأقا 

07 نا الامط 
53/5 ! 

5 
دده !1/6.24 معدزقما 

آنا31/0] 3 لعع0 لزع 
53/5 ! 

#نا عطق غد/نا 
دلزده ٠/6.24!‏ معدزقما 

ع0 ونلا 310 
دده !1/6.24 معدزهعا 


ديزةه !1/6.24 معداهها 
أاواة ومأمهل 
دده ٠/6.24!‏ معدزهما 





٠/6.24!‏ معدزهما 
005 /ع0نا 
24 22 






دلزةه !1/6.24 معداقهعا 
'05متاعه' /0انا 5011 
دده ٠/6.24!‏ معدزهما 


03 وماط لإحم مه ناملا عتاقع] || عدوتدممم 
عبددع ١/6241‏ مهجزدها 


3 «8) -قة -© 
ا 


- اق - ىر هله 


7 همه الله 7:19 غ3 لع /اأعمع؟ عوقووع أكقا 





يه بمأسة_عأمادء ادمعع 5غ ولد لءةتدعدك عع غدمم 





ت- تصميم الصفحات المتنوعة: أضافت خدمة الويب للإنترنت إمكانية إنشاء المواقع 


الإلكترونية» والصفحات التي تخدم أغراضاً مختلفة: سياسية واعلامية واقتصادية وغيرهاء 


ومكّنت هذه الخدمة المؤسسات والأفراد من وضع أنفسهم (عبر مواقعهم وصفحاتهم) على 


الإنترنت؛ تحت عناوين متفردة ومميزة يستطيع المستخدم الوصول إليها دون جهد يُذكر. 


10 














خامساً: خدمة الويب 2.0 علالا 
ااي ظيور حدما الويب: جاعلا إلى اتطون. البو ا 0 
الإنترنت من خلال تطور تدريجي متسارع لتقنيات باد وردنا . ا 
الشبكات الاجتماعية وبرامج التصفح»ء وطرق 
معالجة البيانات الإلكترونية حتى وصل عدد 2 

المستكدمية ف العام إلى الملايين» 1 امم 


ا 
قيار في ايا زا 2 
111111 1 
1111101000100 م 
1111 


ككعون امناوان عوو|ااقط 1 وعس اماماو موأااةى 45 


2006 15256 
ومن خلال اعتماد أساليب للتصفح أكثر سهولة» ومن خلال الكتابة والقراءة ودخول أدوات جديدة مثل 
المشاركة الاجتماعية بين المستخدمين» وتطور إمكانيات تحكم المستخدمين بالمواقع التي يفضلونهاء وقد 
أدت هذه المرحلة إلى ظهور مصطلح جديد هو 2.0 85ل/الا وهو الجيل الثاني من الشبكة العالمية. 


اذا كانت خدمة الوبيب 1.0 5عل/الا يُنيت أسادن: العلاقة (مة, موقم واحذ ال ستخدمد": متعدد )2 
و : بلدا سس (من موقع وا إلى مير ( 





510 ]اع لا2030 10 00©6: فإن خدمة الويب 2.0 5ع/لا تسعى إلى إيجاد مفهوم جديد مبني 


على علاقة (من متعدد إلى متعدد) م1أا30065اع؟ /ا72301 م1 لاضوالاء 
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وترتكز بنية هذه الخدمة على إيجاد إنترنت جديدة أكثر إنسانية وأكثر 
تفاعلية من الإنترنت السابقة» حيث سيكون المفتاح لفهم العلاقات في 7 6 - 8 


خدمة الويب 2.0 5عل/لا إدراك أن محوره هو عدد كبير من 20 
المستخدمين لعدد كبير من المستخدمين» وقد جعل ذلك الإنترنت هه 94. ب 
تكمول من تيدر للملومات إلى :مصهع ا التعاويات«التقاعلية: يي ل ع8 
وخدمة الويب 2.0 11/80 الجيل الثاني من المجتمعات الافتراضية 454 ذل 6 
والخدمات المستضافة عبر الإنترنت ليست أداة جديدة ولا تقنية أخرى» الس 


ولا هي لغة برمجة» إنها مجرد مفهوم (00076601)» وبالتالي فإن أي موقع إنترنت يفلح في تغيير تركيبته 


الداخلية من (واحد»ء متعدد) إلى (متعددء متعدد) سيصبح جزءاً من عالم الويب 2.0 هلالا. 


وقد تم تداول هذا المفهوم للمرة الأولى في دورة نقاش بين شركة لااأ©0”8 الإعلامية المعروفة. 
ومجموعة ©/أا 76013 الدولية لتكنولوجيا المعلومات في مؤتمر تطوير الويب الذي عُقد في سان 
فرانسيسكو عام 2003», وقد ذكر هذا المصطلح نائب رئيس شركة لاااأع؟ا”0 (/إ1اعداوناه0 ©2)031 
في محاضرة خلال هذه الدورة للتعبير عن مفهوم جيل جديد للإنترنت؛ ومنذ ذلك الحين عد كل ما هو 
جديد وذو شهرة على الشبكة العالمية جزءاً من 2.0 6هلالا. 
وقد عد البعض أن موجة المواقع الجديدة التي تعتمد في تكوينها 0ك" 
ش | المج لور 
على الشبكات الاجتماعية061//0115/ 50013 مثل برمجيات وا .تلك ست 3 ا 
الأكاا/لاء وهي الصفحات التي يستطيع زائر الموقع التعديل ا جه ! 
عليهاء أو على المواقع التي تسمح للمستخدم بوضع مدونته على 
الإنترنت بحيث يستطيع الآخرون الاطلاع عليها والبحث فيها 
من تقنيات الويب 2.0 86لالاء كما عد البعض أيضاً أن 





المدونات 81095, وتقنية ال 155 وغيرها من التقنيات التي 
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يمكن من خلالها التعديل والإضافة من قبل المستخدمين من تقنيات الويب 2.0 اعل/الاء» حتى يمكن 


القول إن الويب 2.0 5هللا هي جميع المواقع التي تعتمد على تفاعل المستخدمين فيما بينهم. 


ومن المستحدثات التي صاحبت ظهور خدمة الويب 2.0 1//85ا تقنيات تعمل على رفع مستوى كفاءة 
وسهولة تصفح المستخدم العادي للتطبيقاتء والمواقع الموجودة على الشبكة» والتي تقدم إمكانيات جديدة» 
وبالتالي تحسن من خبرة المستخدم في التعامل معها وفي الاستفادة منهاء فهي مثلاً تتيح لصفحة الموقع 
أن تستقبل تحديثاً لجزء من محتواها يقوم به أحد المستخدمين دون الحاجة إلى التعامل مع الجهاز 
المضيف 5010/1/36 ©5617/61-5106,» ويقوم به برنامج التصفح بالتعامل مع الجزء الذي تم تحديثه على 
الصفحة دون الحاجة إلى إعادة تحميل الصفحة ككل كما هو متعارف عليه في الجيل الأول من شبكة 
الوفت: 


سادساً: خصائص خدمة الويب 2.0 (اعلالا 
م »أ0وطعع13 عر 
© اك جح 
]0 5 


امنا 2 / 106 ا 


عوةعاعااندات ٠‏ 3م10 لوه 


كاء1!؟ د 
ذناءماءا.اعل الى ]0099 
تتميز خدمة الويب 2.0 65//ا بجملة من الخصائص والسمات التي تميزها عن الويب 1.0 اعل/الاء 
والتي يمكن تلخيصها فيما يلي: 

1- استخدام برامج وتقنيات تركز على الطبيعة التفاعلية في استخدام الويب» وفي التعامل مع 
المحتوى» وفي المشاركة في كتابته وتغييره وتعديله من قبل المستخدمين» وفي تداوله فيما بينهم 
بمرونة وبسرعة. 

2- السماح للمستخدمين باستخدام أي تطبيق عليهاء والتعديل فيه من خلال تقنيات سهلة بالنسبة 
للمستخدم العادي. 
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3- المستخدمون هم المتحكمون في المحتوى والبيانات الموجودة في المواقع على 2.0 علالاء 
واستخدام واجهات وتصميمات المواقع» والتطبيقات المختلفة على 2.0 1/1/6 تكون سهلة بالنسبة 
للمستخدمين» ويمكنهم التحكم فيها وتغييرها كيفما شاؤوا. 

4- التركيز على توظيف البرامج والتقنيات التي تخدم تكوين شبكات اجتماعية» وجماعات افتراضية 
من خلال المواقع والتطبيقات المختلفة الموجودة على 2.0 0عل/الا. 

5- تقديم خدمات مختلفة منها: المدونات ومواقع التواصل الاجتماعي كالفيسبوك؛ وصفحات الويكي؛ 
وموقع اليوتيوب», وغيرها من المواقع. 

6- انخفاض كلفة الإنشاء والتصميمء فمثلاآً لو قام أصحاب موسوعة الويكيبيديا باستخدام 1.0 هلالا 
لتطويرهاء فإن كلفة هذا التطوير ستتضاعف مئات المرات» لأن عليهم توظيف جميع الأشخاص 
الذين ساهموا في بنائهاء أما باستخدام 2.0 1/1/8 فإن القوة الدافعة لهذا للتطبيق مزودة بتقنيات 
برمجية عالية 17661 5709/8000109 و11 تمكّن القيام بتنسيق جهود آلاف المتطوعين 
بصورة آلية. 

7-إن مواقع 2.0 هلالا أكثر سهولة في الاستخدامء وأكثر فعالية بين المستخدمين من مواقع هلالا 
0غ. 

8- إن برامج مواقع 2.0 ©/ل/ا مفتوحة المصدرء ومتاحة لجميع المستخدمين» وقابلة للتطوير 
المستمر من قبل المستخدمين» وليس لها إصدار محدد. 

9- زيادة الاكتشافات العلمية» وبخاصة في مجال البرمجيات حيث إن المطورين هم من المستخدمين 


لهذه المواقع» ويعملون دون أجر. 
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ويمكن إظهار أهم الفروق بين 1.0 هلالا و2.0 هلالا من خلال الجدول التالي: 


.٠‏ خدمة موجهة نحو قطاع الأعمال خدمة موجهة نحو المجتمعات الإنسانية 

. تعتمد بصورة رئيسية على لغة البرمجة | تعتمد بصورة رئيسية على لغة البرمجة -االالكا 
الك 

٠‏ تهتم بحقوق ملكيات المعلومات تهتم بالمشاركة في المعلومات 

13905 ترتكز على المصنفات [30010171] ترتكز على الديباجات‎ ٠ 

. تعتمد على مفهوم /6//ا5/ اع أا© تعتمد على مفهوم اع©10-0-/66م 

5955 ١6605 تستخدم البوابات 0118|15م تستخدم الملقمات‎ ٠ 

٠.‏ تعتمد على الاتصال بالإنترنت تعتمد على اتصال السعات العريضة 


. معدات ال©113/011/31! عالية الكلفة الحركة من والى الموقع 830011017 عالية التكلفة 


. مصممة للقراءة بصورة رئيسية مصممة للكتابة بصورة رئيسية 


. أكثر الصفحات شهرة هي صفحة البداية | أكثر الصفحات شهرة هي صفحة المدونة 8/1095 


ملام 





سابعاً: عيوب 2.0 5علالا 


على الرغم من كل ما دُكر من ميزات وخصائص 5 و 


الويب 2.0 علالاء فقد تم توجيه العديد من 


الانتقادات لها في بداية ظهورهاء وربما يعود ذلك 0 تلقام 20 ص«( 


أذهان العديد من الباحثين والمستخدمين» ويمكن 
تلخيص هذه الانتقادات في النقاط التالية: 
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1-لم ينضج مفهوم الويب 2.0 اعل/الا بصورة كافية» فما يعنيه الويب 2.0 ا©//ا لبعض المستخدمين 
قد لا يعنيه لغيرهم» ويعتقد بعض المستخدمين أنه ربما يعد جزءاً من الويب 1.0 علالا. 

2- ليس هناك حدّ فاصل بين ويب 1.0 اعل/الا وويب 2.0 اعل/الا بصورة قاطعة» فهناك بعض المواقع 
المختلطة التي تستخدم التقنيتين معاًء وبالتالي يصعب تحديد هويتها. 

3- إن الويب 2.0 هلالا في الواقع ليست شيئاً جديداً» ولا هي إصدار محسسّنء, بل هي امتداد تقني 
طبيعي للويب 1.0 1/6, فالتقنيات المستخدمة لتطوير مواقع الإنترنت في الويب 1.0 5علالاء 
مازالت كما هي منذ نشأة الويب» وهو ما أكده مكتشف الويب 66 -86/56/5-1 1100 . 


ثامناً: خدمة 3.0 طعللا 


أما التطور الأخير للويب والمتمثل في ال3.0 5هلالاء فقد مس 23] لا 


َ / عم 
تنورعت مفاهيمه» فمن الباحنين من عده مجموعه من ل 2 3 
الت لتطبيقات المجتمعة في إطار واحد» حاملة مجموعة من ا 


الخصائص المتمثلة في الصغر النسبي لحجم هذه 4 
التطبيقات: والقادرة على أن تعمل في أي بيئة إلكترونية . 17ل 2201 7 ©© 


9606 





| نت 8 
. نخلانا 6 1ه 


كالكمبيوتر أو الهاتف المحمول؛ أو المساعدات الشخسية   "*""*‏ 817 + ««نم 


]560/6 مغولمقة8 
الرقمية /50. وتكون في الوقت نفسه سريعة جداًء وقابلة للتكيف وفق رغبة مستخدمهاء معتمدة في 
توزيعها وتسويقها كمنتج على زيادة الوعي بهاء والانتشار من خلال ترابط الشبكات المختلفة الموجودة 
على الإنترنت»؛ مما يلغي الحاجة إلى تخزينها وشرائها. 


ومن الباحثين من أشار إلى أنها تمثل إحدى التقنيات المستحدثة في مجال التعليم» وتعتمد هذه التقنية 
على الذكاء الصناعي في عمليات التصنيف والبحث وإدارة المواقع» ومن خلالها يتم تحويل صفحات 
ومواقع الويب من مجرد صفحات تابتة أو ديناميكية تعتمد على التفاعل الاجتماعي إلى قواعد بيانات 
تقوم بفهرسة ما يتم وضعه فيها من بيانات ومعلوماتء, والتوفيق بينها وبين مرادفاتهاء ومن ثم إمكانية 
توزيع تلك المعلومات لاستخدامها في أكثر من سياق. 
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لذلك يمكن أن يطلق على الويب 3.0 عل/ا/ا 
مصطلح الويب الدلالي اعلالا 090160الاه 

لاعتماده على معاني ودلالات الكلمات» فهو 
يعتمد بشكل أساسي على الذكاء الاصطناعي في 
عمله وإدارته» كما يطلق عليه الويب الذكي 





© 196171|اع01اء لاعتماده على تكنولوجيا الذكاء الصناعيء» ويطلق عليه ويب البيانات 01 اعلالا 
8», لاعتماده على تحويل بيانات الويب إلى لغة تفهمها الآلة. 

وقد بدأ العلماء في التفكير في الجيل الثالث من الويب واحدى هذه الأفكار هي ما يسمى بالويب 
اللغوي 86/ 56073100416: وهو أحد المقترحات التي ستُجرى محاولة تطبيقها في الجيل الثالث من 
الإنترنت. 
ويُعد تيم بيرنرز لي ©© 860615-١٠‏ (مأذأ1 أول من صاغ مصطلح الويب الدلالي 0ع/الا 0311©0الاك. 


وقد دخل مفهوم الويب 3.0 للمرة الأولى في أوساط الجمهور 

عام 2006م: والتي وصفت هذا المصطلح كمجال؛ حيث 1/6 
بتكن للآلات. قراءة صبفحاك . الريبه .قدر قراءة اليش 0 

والويب 01/65 3.0 هو مصطلح يستخدمه العاملون في 


المجال التقني والصناعي لوصف مستقبل شبكة الويب و 5 


العالمية» وللإشارة إلى الموجة المستقبلية لإبداع الإنترنت؛ 


5961261 
وتختلف الرؤى بشكل متفاوت حول المرحلة التالية من ثورة 0/6 


الويب» حيث يعتقد البعض أن ظهور التقنيات مثل الويب الدلالي (الويب الذي يعتمد على فهم معاني 
الكلمات) سيغير طريقة استخدام الويب» وسيؤدي إلى احتمالات جديدة في الذكاء 

الصناعيء» فهو يحاول تحويل دور الآلة من مجرد عارض للمدخلات التي أدخلها المستخدم إلى فهم 
المعلومات التي أدخلها المستخدمء وبالتالي تكون أكثر إنتاجية» ويعتمد في البحث على اللغة الطبيعية» 


والتنقيب عن المعلومات ومرادفاتهاء والتعلم الآلي مستخدماً تقنيات الذكاء الصناعي أو الويب الذكي. 
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ويبحث متصفح الويب 1.0 هلالا عن الروابط بين المستندات؛. أما متصفح الويب 3.0 6هل/الا فإنه 
يبحث من خلال الروابط (المستندات) في شبكة المفاهيم» لذلك على المتصفح هنا أن يكون واعياً بما 


وراء مستندات الويب وخدمات الاستعلام. 


تعريف خدمة الويب 3.0 اع/الا: 
1 - تُعرّف خدمة الويب 3.0 0علالا بأنها: 
تقنية ويب تشتمل على المستندات أو أجزاء من المستندات» تصف العلاقات الصريحة بين 
الأشياء (المعلومات أو المواقع)» وتحتوي على معلومات دلالية تم تجهيزها خصيصاً لتفهمها 
برمجيات البحث والتصفح. وهي تعتمد على مبدأ البيانات المشتركة» فعندما تَعرف معلومة معينة 


بشرط أن تحدد علاقة الربطء أي أن الويب الدلالي عبارة عن تبادل البيانات من خلال أكواد 
وصف العلاقة بين المعلومات؛ ثم معالجة هذه البيانات بشكل منطقي استدلالي تحليليء كما أنه 
عبارة عن رؤية تقوم على ربط البيانات في الملفات والمستندات المنشورة على شبكة الويب 
بطريقة معينة تستطيع معها البرامج وأجهزة الكمبيوتر استخدامهاء ليس فقط من خلال عرضها 
على المستخدم» ولكن من خلال ميكنة ودمج.ء واعادة استخدام البيانات عبر تطبيقات متنوعة؛ 
ويصف الويب 3.0 65//ا تطور استخدام الويب والتفاعل الذي يشمل تحويل الشبكة من 
مستعرض للمعلومات ومنشئ للمحتوى بداخلها إلى قاعدة بيانات» ويكون الويب 3.0 عللا 
أقرب إلى القراءة والكتابة البشرية ولكن على الويب. 


2- يمكن تعريف خدمة الويب 3.0 اعل/الا على أنه: 

محتوى ذو جودة عالية يحول الويب إلى قاعدة بيانات ديناميكية تعمل في إطار الذكاء الصناعي 
لتيسير عمليات البحث؛ والوصول بكفاءة ويسر إلى المعلومة والمعلومات ذات العلاقة بهاء مثال 
ذلك: قيام أحد المستخدمين بالدخول إلى حسابه الخاص بموقع اليوتيوب ©1010 لا0لا» ويقوم 


بالبحث عن فيديو لتعليم برنامج! ©0016 مقلآ ثم يحصل على مجموعة من النتائج» ويقوم 


أاع طاطم ألامعا ومأصوع ا عأصسفملان لعأامع 0 - أععز00 أواناووالا :عالهه ]اللا 


18 


باستعراضها وفتح بعض الوصلات بهاء وعقب الانتهاء يخرج منهاء وفي وقت آخر عند دخول 


فهذا النوع من الويب يبحث عن مترادفات ما تم البحث عنه» ويعرضها على المستخدم فور 
دخوله إلى حسابه الخاص مباشرة» وبالتالي يحاول ذلك النوع من الويب تسهيل الأمور بشكل 


تاسعاً: مميزات الويب 3.0 «اعلالا 
يتميز الويب 3.0 5©/ل/ا بالعديد من المميزات التي تجعله 6 شه وتهعا_ | ودهط 
يفوق أجيال الويب السابقة له» ويساعد على تحسين خدمة ' 
الويب» فهو يعمل من خلال دلالية البحث» ويقوم بالتعامل 
الذكي مع مصادر الويب ومستنداته» ويبحث عن الكلمات 
ومرادفاتها من خلال وضع المعارف والمصطلحات في قواعد 
بيانات» ومن ثم استدعاء المعلومات التي تم تسجيلها بسهولة 


ووسر» ومن .عميزات الويب 310 1/685 أيكا: 











1- التعامل بمنطقية مع البيانات؛ ومحاولة محاكاة العقل البشري. 
1- تطوير عمليات البحث بحيث تبحث عن الكلمات ودلالاتها. 

2- توظيف كل من بيئتي عمل الويب 2.0 والويب 3.0 والاستفادة من مميزات كل منهما. 
3- إمكانية التحديث المستمر وبشكل آلي. 

4- توظيف إمكانيات الذكاء الصناعي في خدمة العمل داخل إطار عمل الويب 3.0 هلالا . 


كما يشير الباحثون إلى أن أهمية الويب 3.0 اعلالا تتمثل في: 


- بيئة تعليمية ديناميكية محددة الهدف قابلة للتعديل والتغيير» أو هو منصة برامجية للتعليم الإلكتروني الافتراضي» 
وأول من طور الموودل هو 1001019100725 1/13/6117 لمساعدة المعلمين في تشكيل برامج تدريسية على الإنترنت» 
بالتفاعل والتعاون في بناء المضمون العلميء وأول إصدار منه أطلق في 20 آب 2002» ومعظم مكوناته 
طورت في أستراليا. 
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1- تحسين عملية البحث 0 8 1 - 3.0 طعلانا 
2- تحسين تصنيف البيانات. 

4- تحسين نشر المعلومات المنتقاة. 

5 تكامل الفطاومات (التهاناك ومخملطاخيا): 


: © 11 


3 
ِ 





7 06 


6- مزج البيانات وتجسيدها. 
7- التوليف الآلي للويب. 

8- خبرة العثور على المعلومات. 
9- آلية الإجابة عن الأسئلة. 
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4 


الخاتمه 
أدى ظهور وتطبيق خدمة الويب على الإنترنت» في بداية التسعينيات» إلى وضع أول برنامج تصفح 
للإنترنت؛ كما أدى إلى إطلاق اسم (الإنترنت) على الشبكة العالمية للمعلومات»: كما وفرت هذه الخدمة 
إمكانية نقل الصور والأصوات عالية الجودة منذ عام 1993 من خلال مسارات فائقة السرعة؛ مما أدى 
في بداية عام 1994 إلى بدء الاستخدام الشخصي للإنترنت بشكل واسع جدآًء وهذا أدى في بداية 
5 إلى انفجار الشبكة العنكبوتية الدولية» وأصبحت واحدة من أدوات الاتصال والإعلام الجماهيرية؛ 
ولاسيما مع ظهور الصحف الإلكترونية» وظهور التطورات المتلاحقة على خدمة الويبء وانتقال الاتصال 
إلى الصيغة التشاركية والاجتماعية» وظهور العديد من مواقع التواصل الاجتماعي التي وسعت من دائرة 
علاقات الأفراد الاجتماعية» وزادت قدرتهم على الحصول على المعلومات» وعلى التفاعل أكثر لتطوير 
مشاركتهم في بناء هذه المواقع. 
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في 


الخلاصه 
يخلط الكثير من المستخدمين - وحتى الباحثين - بين الإنترنت والويب» ويعتقدون أن الويب هي 
الإنترنت» في حين أن الويب 1/8 ©1110 010 :/الا/الالالا هي إحدى خدمات الإنترنت التي أعطت 
الإنترنت اسمها الحالي وشكلها الحالي» وحولتها من وسيلة لاستخدام الخاصة من الباحثين والمتخصصين 
إلى استخدم الملايين من الأفراد في مختلف أنحاء العالم» وحققت الانفجار الكبير لشبكة الإنترنت على 
مختلف المستويات. 
وقد أضاف ظهور هذه الخدمة في أوائل التسعينيات» العديد من الميزات لشبكة الإنترنت» كما أضاف 
الجيل الثاني من خدمة الويب 2.0 65/لا ميزاتٍ أخرى نقلها من صيغة الاتصال أحادي الاتجاه إلى 
الاتصال من مجموعة من الأفراد إلى مجموعة أخرىء وأدى إلى ظهور أشكال متعددة من التطبيقات 
التشاركية والتفاعلية عبر الإنترنت كالمدونات» وصفحات الويكيء ومواقع التواصل الاجتماعي المختلفة. 
كما يحاول الجيل الثالث من خدمة الويب 3.0 68/ل/ا أن ينتقل بخدمة الإنترنت - بالاعتماد على 
تطبيقات الذكاء الصناعي - إلى محاكاة العقل البشريء والتعامل بمنطقية مع البيانات والمعلومات» 


وبالتالي أن يجعل من الآلة أكثر مساهمة في إنجاز المهام التي يطلبها المستخدم من الإنترنت. 
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التمارين 
اختر الإجابة الصحيحة فيما يلي: 
ظهور واستخدام خدمة الويب عبر الإنترنت ور لها العديد من الميزات: 
8. استخدام برامج التصفح. 
8. جودة في الصوت والصورة» وسرعة نقل البيانات. 
©. استخدام الوسائط المتعددة. 


دو كيرب الريت 1010 
م مفهوم غير واضح وغير محدد. 


©. يحتاج إلى تقنيات أكثر تطوراًء وأكثر كلفة. 
الإجابة الصحيحة: 8 مفهوم غير واضح وغير محدد 
ظهر مفهوم الويب 3.0 80/الا للمرة الأولى عام 1995 على لسان 8675765 نفسه. 
4. صح 


8. خطأ 


الإجابة الصحيحة: 4 صح 
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من خصائص خدمة الويب: اللاخطية» والتفاعلية» ودعم الرسوميات. 


-5262 
8. خطأ 


الإجابة الصحيحة: ./ صح 
من مميزات الويب 3.0 65//ا محاكاة العقل البشري في التعامل بمنطقية مع المعلومات. 
8. صح 


8. خطأ 


الإجابة الصحيحة: ./ صح 
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الوحدة الثانية 


العنخاصر 


6 


©» مقدمة. 
. مفهوم موقع أو صفحة الويب. 
مفهوم تصميم موقع أو صفحة الويب. 
قواعد تصميم مواقع الويب المتعلقة ب: 
ه سهولة الاستخدام. 
ه أدوات الإبحار. 
ف الراجيهة الوب الرضول: 
ه الإجراءات القانونية والأمنية. 
وذ :الاتسمال والنفية القحقية: 
© التسويق. 
0 الدلالة على الموقع. 
ه الأخطاء. 
© الاختبار والتجريب. 


© تقييم مواقع الويب. 
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الأهداف التعليمية 
بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 


1- يعرف مفهوم موقع أو صفحة الويب. 

2- يشرح مفهوم تصميم موقع أو صفحة الويب. 

3- يحدد مجالات جوانب تصميم صفحة الويب كما أوضحها |اع/لام5. 
4- يعدد القواعد والنصائح التي تفيد في تصميم موقع الويب. 

5- يشرح الخطوط الإرشادية لتصميم مواقع الويب. 


الكلمات المفتاحية: الإنترنت - موقع الويب - التصميم - الوسائط المتعددة - النص المتشعب - 
الروابط - برامج التصفح - لغة ال 118/1] - المستعرضات - واجهة التفاعل - الصفحة الرئيسية - 
شعار. الموقع - خريطة الموقع - عنوان الموقم..- العناوين - الهوامش. - أدوات الإنحار ب سرعة 
الكتسموا ديقة القداقنة - العطوظل >" الضيري << السرمواض:ت القيديو: 


أولاً: مقدمة 


أيد الكثير من الباحثين أن خدمة الويب تعد من 
أكثر التطورات دلالة في عالم الاتصال والإعلام: 
كما هو اختراع الطابعة على يد غوتنبرغ لما لهذا 
الظهور من تأثيرات قوية على الإنترنت» وتحويلها 
إلى واقع إعلامي اتصالي يتعامل معه الملايين من 
الأفراد» ولا يمكنهم الاستغناء عنه. 





وقد تجلى تأثير خدمة الويب بشكل مبدئي على إمكانية ظهور العديد من صفحات ومواقع الويب 
المتخصصة في مجالات إعلامية ومعلوماتية واتصالية متنوعة» فمنها المواقع الإخبارية» ومنها الصحف 
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الإلكترونية» ومنها المواقع التابعة لمؤسسات إعلامية» ومنها مواقع التواصل الاجتماعي كالفيسبوك 
وتويتر» والمدونات وصفحات الويكيء وغيرّها من المواقع التي يمكن تسميتها بصفحة ويب. 

ويُعد الشكل الخارجي لهذه الصفحات والأساليب والبرامج» ولغات البرمجة المعتمدة في تصميم وتكوين 
هذه الصفحات عاملاً حاسماً في عملية زيادة انتشار واستخدام هذه الصفحات» وفي سهولة ويسر 
استخدامها من قبل المستخدمين» وبالتالي زيادة تأثير هذه المواقع على المستخدمين بشكل أكبر» وهو 
الأمر الذي سيتم عرضه في هذه الوحدة حيث سيتم التعرض لمفهوم صفحة أو موقع الويب» ومفهوم 
تكوين أو تصميم هذه الصفحاتء والقواعد العامة التي يجب مراعاتها في أثناء عملية التصميم لتحقيق 
الأهداف السالفة الذكر. 


ثانيا: مفهوم موقع أو صفحة الويب: 
سبق التعرض لمفهوم خدمة الويب 
وتعريفاتها المتعددة» ولا يختلف تعريف 
صفحة أو موقع الويب عن مفهوم الخدمة 
بشكل عام فهناك عدة تعريفات لموقع 
الويب منها: 





1- موقع الويب هو: 'مجموعة من ملفات الويب المرتبطة فيما بينهاء والمتضمنة لملف افتتاحي 
اسمه الصفحة الرئيسية 53906 ©1977 التي يمكن الدخول إليها من خلال بقية الوثائق 
المتضمنة في الموقع» ويتم الوصول إلى الموقع عبر كتابة اسمه على المتصفح". 

2- كما يمكن تعريف موقع الويب بأنه: "ملف أو مجموعة ملفات يتم تخزينها على الخادم 56/0617 
يمكن الوصول إليها عبر الإنترنت؛ ولكل موقع صفحة رئيسية تصمّم غالباً لتكون الملف الأول 
الذي يزوره المتصفح ليأخذ فكرة عامة عن مضامين الموقع» وتتضمن الملفات الموجودة في 
الموقع وصلات نصية» أو رسومية يتم النقر عليها باستخدام الفأرة بقصد الانتقال من ملف إلى 


آخر داخل الموقع أو خارجه". 
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3- ويعف الإعلاميون موقع الويب بأنه: 'رسائل تواصلية مخزنة في جهاز حاسوب خادم يتم 
الوصول إليها عبر الإنترنت» وعبر أحد متصفحات الويب» ويتخذ الموقع شكل الصفحات أو 
الوثائق المكتوبة بلغة النص الفائق المتشعب ا/110آ!؛ وتتخذ من الصفحة الرئيسية ©0706!] 
© واجهة لهاء ويتم التنقل بينها بواسطة وصلات عادية أو تفاعلية» وتقدم الرسائل التواصلية 
في شكلٍ منفرد (نص» وصوتء وصورة» وفيديو) أو متعدد 1]1776013الاالااء وغالباً ما تقدم مواقع 
الويب خدمات تهدف إلى تعزيز التواصل والتفاعل مع المتلقي". 

4- ويعرّف موقع الويب الإلكتروني أيضاً بأنه: 'مجموعة من الصفحات والنصوص والصور 
والمقاطع الفيديوية المترابطة وفق هيكل متماسك ومتفاعل» يهدف إلى عرض ووصف المعلومات 
والبيانات عن جهة أو مؤسسة ماء بحيث يكون الوصول إليه غير محدد بزمان أو مكان» وله 
عنوان فريد محدد يميزه عن باقي المواقع'. 

ويمكن أن يحتوي موقع الويب على موقع فرعي واحد أو أكثرء والموقع الفرعي هو موقع متداخل في 


موقع ويب آخرء يسمى موقع الويب الذي يحتوي على مواقع فرعية. 


ثالثاً: تصميم موقع أو صفحة الويب: 

وحن كماد النواقم عاق اتميبياء وتصهيم رواحي 
الانتفداة .يشكل بخاضع. حيث اهف المستخدمين 
في الوصول. العيافن. .والتريع. الى . المعارنات 
المطلوبة» لذا تحرص الجهات التي تطلق مواقعها 
على تصميمها بأفضل صورة بحيث تجذب 


المستخدمين إلى زيارتها واعادة زيارتهاء 
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التخصص» 





التعريفات تناولت عملية التصميم» حيث عرّف 


.1 


الويب» وغيرها من الاعتبارات» ويوجد عديد من ارو اداة لاع ي: 
2 ع 


'عملية ترتيب وتنظيم العناصر البنائية التي يعتمد عليها المصمم للوصول إلى 
المستخدمين من أجل تحقيق أهدافهم في الحصول على المعلومة بيسر وسهولة"؛ وتشمل 
العناصر البنائية: الشعار والعناوين» والنتصوص والخطوطء والفواصل والألوان» والوسائط 


المتعددة من صور وأصبوات: ورسوميات ومقاطع فيديو» وغيرها من العناصر. 


ويحقق أهدافهم في الحصول على المعلومات» ويحقق أهداف المواقع في الوصول 


السريع إلى المستخدمين'. 


. يعرف ااع/ا20 8 101735 التصميم بأنه: "مخطط تمهيدي لتصميم الواجهات الرئيسية 


والصفحات الداخلية عن طريق التحكم بالنصوص والألوان» والعناصر التفاعلية والوسائط 
المتعددة» والربط بينها بطريقة مريحة وجذابة وسهلة الاستخدام". 


. ويذكر حلمي محسب أن التصميم هو: "عملية وضع العناصر البنائية بصورة متناغمة 


بحيث يدعم كل عنصر بنائي العنصر الآخر مع مراعاة أسس التصميم المتعارف 
عليهاء وهي: الوحدة والتباين والاتزان والحركة» إذ يقوم التصميم بوضع كل عنصر بنائي 
في مكانه المناسب طبقاً للنظريات السيكولوجية والفسيولوجية للإيصار المرئي". 


. ويؤكد الباحثون أنه: "عملية ابتكار وإبداع باستخدام خطة معينة لتوظيف عناصر 


التصميم؛ والتعامل مع المساحات والخطوط والألوان لتحقيق الجانب الجمالي والوظيفي". 


. يقدم هيثم جودة تعريفاً لعملية التصميمء فيذكر أنه: "علم وفن تحويل المادة الإعلامية 


إلى شكل رقمي قابل للقراءة يتوفر فيها يسر التصفح والاستخدامء وذلك باستخدام 
التخاضين النناقية اللايدية م 


حروف ونصوص وأشكال وصور وألوان وفواصل. 
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جداول تتلاءم مع شبكة الإنترنت. 
© عناصر بنائية تكنولوجية من وسائط متعددة ونص متشعبء وروابط تشعبية. 
» عناصر نفاعلية من خدمة التعليق على الأخبارء وغرف الدردشة» والبريد 
الإلكترونيء والقوائم البريدية". 
والملاحظ أن الباحث جمّع العناصر التيبوغرافية مع العناصر الغرافيكية حيث يشير 


بعض الباحثين إلى أن الصور والألوان والرسوميات تصنف كعناصر غرافيكية. 


مجالات جوانب تصميم صفحة الويب كما أوضحها ااع/لاهط: 
أوضح ||010/6 أن جوانب التصميم تشمل خمسة مجالات: 
1[-المحتوى: ويشمل طريقة بناء المحتوى وتنظيمه باستخدام إحدى لغات البرمجة مثل: 111/1اء 
أو 6©585. 


2- المرئيات: والمقصود بها طريقة إخراج 
الشاشة» وتنظيم العناصر الأساسية عليها من 
روابط وملفات الفلاشء وأماكن وجودها: في 
الجزء العلوي أو السفليء أو الأيمن أو 
الأيسرء وهذا الجانب أكثر الجوانب وضوحاًء 
لكنه ليس الأكثر أهمية. 





3-- التكنولوجيا : والمرتبطة بالأسس التقنية لتصميم الصفحات من توفر لغات البرمجة مثل 
لغات ال اا/ا!11!ء وال 55).؛ وبرامج ال 501101 26/اثلء إضافة إلى البرامج المستخدمة 
في التصميم. 
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5- الغرض من الموقع والجمهور الذي سيوجه له: فالتصميم يجب أن يتلاءم مع 
الطبيعة الخاصة لهذا الجمهورء سواء كان من الكبار أم الصغارء ويتلاءم مع المضمون 


الذي يقدّم فيه سواء كان الموقع ذا مضمون إخباري أو رياضي أو ثقافي وغيره. 


القواعد والنصائح التي تفيد في تصميم موقع الويب: 
قدم العديد من المراكز البحثية» والعديد من الممارسين والباحثين في حقل تصميم مواقع الويب مجموعة 
من القواعد والنصائح التي تفيد في تصميم موقع الويب وفق أسس علمية تواصلية وفنية جمالية ترتكز 
أساساً على التوظيف الأمثل لكل العناصر البنائية المستخدمة في تقديم محتوى صفحة الويب» وأهمها 
الوسائط المتعددة» واستخدامها استخداماً فعالاً مرشداً لتحقيق أكبر مرونة ممكنة في دخول الموقع والتنقل 
السهل بين مكوناته عبر الوصلات التفاعلية 5كاطنا 6/اأأ30اعاما. 
فقد توصلت إحدى الشركات المتخصصة في تصميم المواقع واستضافتها إلى مجموعة من النصائح عند 
تصميم المواقع لتحقيق أكبر نسبة زيارة ودخول مع الأخذ بالاعتبار ضرورة توظيف الوسائط المتعددة 
وتتلخص هذه النصائح ب: 
1- جعل النصوص التوجيهية وصفية» وتفادي تعليمات مثل: "انقر هنا". 
2- تفادي الجداول والأعمدة» واذا لزم استخدامها فيمكن إرفاقها ببديل نصي بسيط لأن ال /111] 
غير مزودة بتحكم جيد في إخراج الصفحاتء الأمر الذي يضطر المصممين إلى تقديم الجداول 
في صيغة صورة مما يحد من سهولة الدخول إلى الموقع. 
3- استخدام عناوين اللافتات 1395 1830170]! بدل العناوين المكتوبة بخط عادي 1305 001لا 
للإشارة إلى بعض المكونات البنائية للموقع» مثل: أسماء الأبواب والوصلات الرئيسية الثابتة. 
4- استخدام ألوان متباينة للنصوص وخففياتهاء كأن تكون الخلفية سوداء والنص أبيض تحقيقاً لأكبر 
قدر من الانقرائية /إ1أ|(5628026. 
5- إذا قام المصمم بتصميم وثيقة ما وفق نظام الإطارات 130065!» فيجب تقديم بديل خالٍ من 
الإطارات 130065 هلا 


6- إذا تم استخدام خريطة رسومية كمنفذ لتصفح الموقع» فيجب تقديم بديل نصي لتصفح الموقع. 
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7- تزويد الموقع بعنوان بريد إلكتروني» أو نموذج استمارة نصي 150150 1671-53560 حتى يوفر 
للمتصفح خياراً يمكّنه من القيام بالتغذية الراجعة في إطار التفاعلية» وبخاصة أن بعض 
المتصفحات قد لا تدعم نماذج الاستمارات. 

8- إذا تم استخدام ملفات صوتية في الموقع يمكن إضافة وصلة تقود إلى مقابل نصي إن أمكن» 
واضافة وصلة لتحميل البرمجة اللازمة لسماع الصوت (مثل /ع/اوا5 وألناكراهع). 


رابعاً: الخطوط الإرشادية لتصميم مواقع وصفحات الويب: 


5 ظ‎ : ١ 
وضع أحد الباحثين مجموعة من الخطوط الإرشادية لتصميم مواقع وصفحات الويبء» وذكر أن قائمة‎ 


الإرشادات هذه ليست نهائية» وليست قابلة للتطبيق على كل أنواع المواقع والصفحاتء لكنها تغطي 
معظم النقاط العامة والأساسية في عملية التصميم» وأن اتباع هذه الأساسيات سيمكن الممارسين 





والمصممين من تصميم مواقع محترفة عالية المستوى» وقد حدد هذه الخطوط الإرشادية في مجموعة من 
الأدوات المهمة في عملية التصميمء ومنها: 
أ- أدوات الإبحار أو التجول 1131102316101: 


في عملية التصميم ليس فقط الاهتمام بالنصوص سحا ول لتب 1لا 





وجعلها قابلة للفهم والقراءة» ولكن الاهتمام أيضاً 

بأدوات الإبحار والتجول بين صفحات وموضوعات 
الموقع» وتزويد الموقع بأدوات إبحار واضحة وسهلة الاستخدام» لكي يتمكن المستخدمون من الوصول 
والاستخدام السهل والتنقل بين صفحات الموقع» وتلخص النقاط التالية الإرشادات المتعلقة بآلية وأدوات 





الإبحار: 
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1 - استخدام منهج واحد يتعلق بآلية الإبحار لكل صفحات الموقع؛ أي أن كل صفحات الموقع يجب 
أن تتضمن آلية وأدوات الإبحار نفستها. 

2- وضع شريط للأدوات في كل صفحة من صفحات الموقع؛ ويكون شريط أدوات الإبحار السفلي 
متسقاً من حيث المقاس أو العرض مع الشريط العلوي. 

3- أن يتضمن الهامش العلوي للصفحة الرئيسية اسم الموقع وعنواته. 

4- التأكد من أن موقع الويب قابل للإبحار فيه من أي صفحة من صفحات الموقعء لأن المستخدم 
قد يدخل الموقع من أي صفحة من صفحاته؛ وليس بالضرورة من الصفحة الرئيسية. 

5- أن تتضمن كل صفحة من صفحات الموقع على الأقل رابطاً واحداً للخروج من الصفحة؛ ويفضل 
تجنب الروابط التي توجه المستخدم إلى الصفحة الحالية نفسهاء وأن توضع أسفل كل الصفحات 
روابط العودة إلى أعلى الصفحة؛ ويفضل أن تحوي كل صفحة من صفحات الموقع رابطاً مع 
الصفحة الرئيسية بحيث ثرتب روابط العودة إلى الأعلى من المستوى الأقل إلى المستوى الأعلى؛ 
ومن اليمين إلى اليسار. 

6- أن تُعرض الروابط 10715أ-ا بألوان المتصفح الافتراضية المتعارف عليها لإبرازهاء وأن تكون 
الروابط الداخلية والخارجية واضحة. 


جديدة لمتصفح آخرء وأن توضح للمستخدم مضمون المكان الذي سيذهب إليه» بمعنى أن تكون 
الروابط ذات معنىء ويمكن توقع اتجاههاء ولا داعي لاستخدام انقر هنا (ع/876 لوا 0). 

8- تقليل استخدام (النقرات 011615) ما أمكنء. ويفضل ألا يتجاوز عددها ثلاث النقرات على 
الصفحة الرئيسية ©5230 1026 ا. 

9- إظهار مسار كل صفحة من الصفحة الرئيسية. 

0- استخدام الشرائط والأزرار المناسبة» والتي لا تبطئ من سرعة التحميل. 

1- التأكد من أن المستخدم يمكنه التجول في الموقع من غير أن يستخدم باستمرار زر ال 8261, 
وأن تكون هناك وسيلة أو طريقة للوصول إلى كل أجزاء الموقع بسهولة ويسر من خلال تمثيل 
أدوات الإبحار برموزء وأيقونات مفهومة وواضحة. 

2- تصميم صفحة رئيسية لكل جزء مهم ورئيسي من الموقع (مثال: الصفحة الرئيسية لموقع 
جامعة دمشقء» والصفحة الرئيسية لكلية الإعلام في هذا الموقع). 
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3- استخدام إعادة التوجيه الفوري (5801661]), فكل مرة يضغط فيها المستخدم على زر العودة 
83016 يعيده المتصفح إلى مكان غير مرغوبء لذلك يجب قصر الصفحة الرئيسية على 
4- الحد الأعلى لعدد شاشات صفحات الموقع لا يتعدى ست الشاشات. 
5- استخدام اسم الصفحة في كل صفحة من صفحات الموقع؛ وترتيب وتنظيم علامات شريط 
القوائم اعتماداً على أساس تكرار الاستخدام والأهمية» وأن يُدعم الهامش العلوي بأدوات إبحار 
مساعدة. 


قات سهولة الاستخدام '[1116ط53لا: 
تتعلق سهولة الاستخدام بكيفية الاستخدام والوصول إلى المعلومات المعروضة على الموقع بيسر 
وسهولة» وتوضح الخطوط الإرشادية المتعلقة بيسر الاستخدام القواعد الأساسية التي يجب اتباعها في 
تصميم الموقعء والأخذ بعين الاعتبار الجمهور المستخدم لهذا الموقع» فقد تصلح هذه القواعد لكل أنواع 
المواقع لكن يجب مراعاة بعض الاختلافات في مهارات وامكانات» وفي حاجات وأهداف الأفراد في 
الاستخدام» ويمكن تلخيص الخطوط الإرشادية المتعلقة بسهولة الاستخدام فيما يلي: 
1- يجب أن تكون خريطة الموقع واضحة. 
2- تزويد كل صفحة بنصوص قصيرة معبرة عن مضمون المعلومات. 
3- تسهيل وتسريع عملية الوصول إلى المعلومات من خلال تزويد الموقع بفهرس. 
4- صياغة العناوين بشكل دقيق وواضح, واستخدام عناوين فرعية ذات معنى» وتوضيح الروابط 
واستخدام القوائم» والاعتماد على بنية تصميمية متماسكة. 
5- تجنب اللهجات العامية والمصطلحات المتخصصة:. والألفاظ التي تحمل معانيَ خاصة:» باستثناء 
الألفاظ المتخصصة في بعض الموضوعات. واستبعاد الجمل الإنشائية المعقدة. 
6- كل صفحة من صفحات الموقع يجب أن تحمل عنواناً محدداً لها وهي صيغة العناوين نفسها 
في كل الصفحات. 
7- يجب أن تكون الفقرات التابعة للنصوص واضحة ومتسقة معهاء وأن تكون جزءاً منهاء وتقتصرز 


على فكرة رئيسية واحدة وتحمل عنواناً معبراً عنها. 
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8- يفضل تزويد الموقع بخدمة الأسئلة المكررة ©5/80آ, وخدمة المساعدة 1©10]. وخدمة البحث» 
ومحرك بحث خاصء وخدمة الترجمة إلى العديد من اللغات. 

9- إتاحة إمكانية عرض نتائج البحث بطريقة مفيدة» وتدعيم الموقع بإمكانية تصحيح الأخطاء في 
أثناء عملية البحث. 

0- تنظيم وترتيب قائمة الخيارات بفئات ذات معنىء واتاحة الوصول إليها في الموقع بواسطة 
أوامر لوحة المفاتيح» وتجنب الإشارة القائلة الصفحة تحت الإنشاء»ء وتجنب استخدام 
الإطارات. 

1- عدم استخدام شريط الزلق (الجانبي) من جانب إلى آخر لرؤية الصفحة» ووضع آليات تمكّن 
المستخدم من إلغاء أي عمليات ينفذها. 

2- دعم الموقع لكل المتصفحات المعروفة والمستخدمة» وتزويد الموقع بخدمات مباشرة من على 


الإنترنت. 


ج- الواجهة وأسلوب الوصول عالا54 8 ©10161536!: 
تتضمن الخطوط الإرشادية المتعلقة بالواجهة وبأسلوب الوصول إلى المعلومات في الموقع الحلول 
المتعلقة بمشكلات الوصول إلى المعلوماتء والتي يمكن أن يواجهها المستخدم في أثناء تصفحه للموقع؛ 
فبعض المستخدمين مثلاً لا يستطيعون استعراض الصور لأنهم يستخدمون المتصفحات التي تدعم 
النصوص فقطهء بينما يستطيع آخرون من خلال متصفحاتهم الابتعاد عنهاء ربما لأنها تبطئ من سرعة 
فتح الموقع وتحميله؛ فهذه الخطوط الإرشادية لا تقترح مثلاً الابتعاد عن الصور لتسهيل الوصول إلى 
المعلومات بل تقترح تزويد النصوص بصور مكافئة لها حتى يمكنَ الوصول بسرعة إلى المعلومات, 
ويمكن تلخيص القواعد والخطوط الإرشادية المتعلقة بهذه العملية» فيما يلي: 
1- دعم العناصر غير النصية في الصفحة (صوت - صورة - فيديو) بنصوص تعبر عنها 
وتوضحها باستخدام آلية النصوص البديلة (016ا4116 © 1 416/023136 :41)», والوصف 
الطويل للصور (130 0656110]105] 009 ا :00700656ا). 
2- عرض مخطط الصفحات المستخدم في التصميم. 
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3- استخدام الأرضيات البسيطة والخطوط الواضحة لزيادة انقرائية المعلومات» واختيار ألوان لخطوط 
النصوص والخلفيات الأرضية متباينة» والتأكد دائماً أن النتصوص واضحة للقراءة» ولا تتعارض 
مع الخلفيات. 

4- التأكد من أن كل الصور قابلة للفهم والقراءة» وأن خلفياتها لا تصرف الانتباه وغير قابلة للفهم؛ 
والتقليل ما أمكن من الصور الصفراء أو البيضاءء لأنها صعبة الفهم وغير قابلة للطباعة» ومن 
استخدام الصور المتشابكة وغير الواضحة:؛ واستخدام الدرجات الأقل من ألوان الصور. 

5- عدم استخدام ألوان مختلفة لأرضيات صفحات الموقعء؛ إذ يجب أن تكون الألوان موحدة. 

6- عدم استخدام الحروف الكبيرة (في اللغات الأجنبية). 

7- استخدام أنواع الخطوط بحذرء وعدم استخدام أكثر من نوع في المادة الواحدة» والابتعاد عن 
الخلوط عون الشائسة: لات كرا مم النتسيفتحاة أو الستترضاف ل قغمها: 

8- الاعتماد على قياس أحجام الصور والرسومياتء والأعمدة النصية على القياس النقطي |6)ااط 
26. 

9- تزويد المعلومات بعناوين رئيسية أفقية وعمودية. 

0- تجنب الأشكال الغرافيكية والصور والرسوميات المتحركة» والتقليل من استخدام الإيقونات 
(الصورية والرسومية)» ومن استخدام النصوص (الرمشية أو الومضية: النصوص التي يضاف 
إليها مؤثرات حركية معينة فتهتز وتومض كرمش العين)» وتجنب صور الخرائط؛ والحرص 
على عدم ظهور الظلال. 

1- بالنسبة للألوان المستخدمة: 

يفضل استخدام ألوان الخلفيات البيضاء أو الدرجات الفاتحة جداً من الألوان الأخرى. 

» عدم استخدام الخلفيات السوداء إلا في الصفحة الرئيسية. 

«. عدم استخدام اللون الأحمر مع الأزرق معاًء وعدم استخدام الصور الملونة بالبيج 
والبني. 

« استخدام الألوان من العائلة نفسها (اللون ومشتقاته)» ويفضل أن يُستخدم اللون 


ومشتقاته في العناصر التي تجمعها علاقة ما. 
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د- الإجراءات القانونية والأمنية /إ1أاناع56 8 /[أأادوعا: 
تتزايد أعداد مواقع الويب يوماً بعد يوم» وتزود هذه المواقع المستخدمين بمعلومات رئيسية أو ثانوية عن 
الوضع القانوني» وتخضع إلى إشراف العديد من المنظمات والشركات» والمؤسسات التعليمية» أو حتى 
الأفراد» ويتفاوت مستخدمو هذه المواقع بمستوى معرفتهم بالقانون والتشريعات القانونية التي تحكم إنشاءها 
ونشرٌ وتبادل المعلومات من خلالهاء ومن أجل أن تستمر هذه المواقع في تحقيق أهداف واحتياجات 
المستخدمين المتجددة يجب على مطوري ومصممي هذه المواقع أن يستمروا بحمايتهاء وحماية المعلومات 
المتبادلة عبرهاء وتشير الخطوط الإرشادية المتعلقة بالوضع القانوني والأمني للمواقع إلى مجموعة القواعد 
والحلول التي تحكمهاء ويمكن ذكرها فيما يلي: 
1- يعد المطورون والمصممون مسؤولين عن المعلومات القانونية الموجودة في كل صفحات الموقع» 
والمتعلقة بتفاصيل كاملة عن كيفية الاتصال مع الموقع والعنوان» ورقم الهاتف والفاكسء وعنوان 
البريد الإلكتروني للموقع. 
22- وضع بيانات تحديث المعلومات بشكل واضح. 
3- أن يتم إيضاح الوضع القانوني للمعلومات المرتبطة. 
4- أن يتم توجيه المستخدمين لتصفح أنواع من المواقع» أو مصادر المعلومات التي تحمل معلومات 
مرتبطة بالمعلومات التي يبحثون عنهاء وقد سبق أن قام المستخدمون بتقييمها أنها مهمة. 
5- أن يراجع الخبير المهتم بهذا المجال الوضع القانوني للمعلومات. 
6- أن يكون هناك إِذنٌ بالسماح لاستخدام المضمون من مزودين آخرين. 
7- إظهار مصدر المعلومات والبيانات في صفحات الموقع؛ وتنبيه المستخدمين أن الموقع ليس هو 
المصدر الوحيد للمعلوماتء وبالتالي فإن مسؤوليته عنها محدودة. 
8- التعرف على طريقة حماية البيانات الشخصية ومعالجتها من قبل المستخدمين أنفسهم مع تقديم 
إمكانية الحفظ والتخزين لها بشكل قانوني. 
9- لا توضع الروابط مع المواقع الأخرى إلا بعد موافقة المواقع الأصلية التي تنتقل إليها هذه 
الروابط. 
0- عرض عبارة "حقوق النشر محفوظة". 
1- من الضروري أحياناً وضع آلية لدخول الموقع تتضمن اسم المستخدم وكلمة السرء ومن 


المفضل تزويد الموقع بآلية للمساعدة في حال نسيان اسم المستخدم أو كلمة السر. 
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ه - الاتصال والبنية التحتية عالاأ 1171351110 85 01116311017ا601111171: 
يعاني الكثير من المستخدمين من عدم إمكانية 
تصفح مواقع الويب في كل الأوقات نظراً 
لمسؤولياتهم وكثرة مشاغلهمء لذلك يتصفحون 
مواقعهم المفضلة في منازلهم ومن خلال أجهزتهم 
الشخصية» وهنا تظهر العديد من المشكلات التي لا تستطيع سرعة الإنترنت أحياناً ولا تطور البنية 
القحية للاتضالات حَليا بالشكل الأمثل: لذا يمكن طرح مجموعة من الخطوظ الإرشادية المتاقة بهذة 
القضية» والتي يمكن ذكرها فيما يأتي: 
1- يجب ألا يتجاوز حجم الصفحة مع ما تتضمنه من رسوميات 50 كيلو بايت و20 ثانية كحد 
أقصى لتنزيل المعلومات والبيانات باستخدام (مودم) سرعته 28.8 كيلو بايت» (وقد انخفضت 
هذه الأرقام مع تزايد سرعات المودم ووصلت إلى 10 ثوان). 


نوين العتافيو 'القى تككدم فبيا [الفلافات] والعداسو الوافكية (الرامشة: 
صر ب مم صر 





3- استخدام المساحة المخصصة للصفحة لعرض أقصى ما يمكن عرضه من معلومات. 

4- تصميم الموقع بحيث يتناسب مع كل أنظمة التشغيل. 

5- السماح للمستخدم بتنزيل الملفات والمعلومات باسم محدد منه إلى مسار يحدده بنفسه. 

6- تقسيم الوثائق والملفات والمعلومات الكبيرة وعلى أكثر من صفحة مع وضع قائمة بالمحتويات. 
7> تزويد المستخدمين ببدائل مختلفة لضغط الملفات. 

8- كل صفحة من صفحات الموقع يجب أن تُحمّل بسرعة. 

9- الحذر من ألا تسبب كثرة الروابط التشعبية المستخدمة في منع تنزيل الصفحات الكبيرة. 

0- استخدام الطابعات المشهورة والمعروفة لطباعة الصفحات» ولاسيما تلك التي تحمل 


الرسوميات. 
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و- التسويق 1311©1110/ا!: 


تقاول: القواهد :والخطوظ الإرشادية المتعلقة بعملية 
العنييق القسة من 'النقاظ” القن كماع «يطورق 


الوسائل التي تصلهم بهم وتتلخص هذه القواعد ب: 





1 - استخدام أكثر محركات البحث انتشاراً واستخداماً من قبل المستخدمين لزيادة سرعة الوصول إلى 


الموقع. 


2- الارتباط مع المواقع الأخرى التي تتشابه في المعلومات والموضوعات. 
3- استخدام آليات التسويق وأساليبه نفسها المستخدمة في وسائل الإعلام التقليدية (صحافة واذاعة 


وتلفزيون)» والتأكد من أن عنوان الموقع موجود في أي عرض تسويقي للموقع أو أي إعلانات؛ 
مما يساعد على توفير معلومات أكثر لدى مشاهدي الإعلانات على الموقع. 

4- محاولة جذب انتباه المستخدمين والاستحواذ على اهتمامهم باستخدام المواد أو الإعلانات 
القصيرة» وربطهم بمعلومات تفصيلية أكثر عبر الروابط. 

5- يمكن استخدام العديد من الأساليب التسويقية والترويجية للتعريف بالموقع. 

6- تطوير وتقديم العديد من الخدمات التي تحتفظ بمستخدمي الموقع وقتاً أطول مثل: 


وضع الروابط مع العديد من المواقع ونشر الأخبار. 

معرفة العناوين الإلكترونية للمستخدمين» واستثذانهم في إرسال آخر وأحدث الأخبار 
والمعلومات؛ واتاحة التوقيع الإلكتروني عبر البريد الإلكتروني. 

طرح المسابقات. 

وضع الإعلانات الشريطية. 

التعرف إلى رأي المستخدمين بالموقع وخدماته. 

تقديم خدمة القوائم البريدية» والمجموعات الإخبارية. 


وضع عدادات إحصاء عدد زوار الموقع. 
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ز- الدلالة على الموقع 5©171311112: 

يحتري الاترنت حتى هذا ارت عدرت مين ...لوجتت يا[ 
من المواقع» ولا تحظى هذه المواقع بالرقابة أو أسصححح ‏ لساستيي 
الضبطء؛ ولكي يصل المستخدمون إلى هذه المواقع ئ : ب ى 
بمتخديون. مدركات البحك المقددة: العامة يت 
والمتخصصة؛ كمحرك البحث ©0001 و0ه0ط38/ 5 " سم عاممطةة ‏ عاودم© 


وغيرها من المحركات العامة» أما إذا أراد المستخدم 5 


البحث عن معلومات متخصصة ودقيقة» فيبحث في العديد من محركات البحث المتخصصة عن مواقع 
متخصصة حسب مجال التخصص: العلمي أو العسكري أو التعليمي أو غيرهء وهو ما يجب أن توفره 
مواقع الويب لمستخدميها لفهم آلية الوصول إلى المواقع» إضافة إلى إمكانية إحالتهم إلى محركات البحث 
التي توصل إلى محركات بحث أخرى يمكن أن تحوي المعلومات المطلوبة للمستخدمين. 

ح- الأخطاء 2/1015: 

قد يحدث ألا يتمكن المستخدمون من الوصول إلى 
المواقع التي يبحثون عنهاء وقد يرجع السبب إلى 
أن هناك خطأ ماء ويحصل هنا أن تظهر رسائل 
تضلف» . أسياي: هذه الأخطاء ' وطرائق. حلهاء 





والخطوط الإرشافية: التالية تكاول. غركن. هذه 


المشكلة وطريقة حلياء 














1 - كتابة رسالة الخطأ بطريقة واضحة ومفهومة من أغلب المستخدمين. 
2- أن توضح وتصف رسالةٌ الخطأ أسباب هذا الخطأ. 
3- أن توضح وتصف رسالة الخطأ التصرف اللازم للتخلص من هذا الخطأ. 
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4- أن تعطي المستخدم نقطة خروج واضحة. 
5- يُستخدم الصوت للتحذير من الخطأ. 
6- أن يحذر نظام تشغيل الموقع المستخدمين إذا ما كانوا سيُقبلون على ارتكاب أخطاء معينة: 


وبالتالي أن يحميّهم ويمنعهم من ارتكابها ما أمكن ذلك. 


ط- الاختبار والتجريب 1©51110: 
يُعد اختبار تصميم موقع الويب مرحلة 
مبكرة ومهمة في عملية التصميم» فمن 
خلالها يمكن تحديد وتقييم هذه 
العملية»ء والوقوفت على المشكلات 
التي يمكن أن تظهر في أثناء 
الاستخدام» فالتجربة والاختبار يمكن 





أن تؤكد أن بناء وتصميم الموقع تم بشكل منطقي ودقيق» ويمكن تلخيص أبعاد التجريب 
خلال طرح الأسئلة التالية التي توجه للمستخدمين» ويسعى المطورون والمصممون لهذه المواقع إلى 
الحصول على إجابات دقيقة حولها: 
1 - هل يحصل المستخدمون على المعلومات بسهولة؟ 
2- ما مدى وضوح وتناسق وفعالية أدوات الإبحار في الموقع؟ 
3- هل يتم تحميل الصفحات بسرعة تتناسب مع أغلب سرعات المودم؟ 
4- هل يستطيع المستخدمون معرفة من أنشأ هذا الموقع؟ وهل يجدون عنوان البريد الإلكتروني 
للموقع للاتصال في حال وجود صعوبات أو مشكلات في الاستخدام؟ 
5- هل تظهر للمستخدمين جميع العناصر المرئية في الصفحة دون زلق الشاشة أو الانتقال من 
جهة اليمين إلى جهة اليسار؟ 
6- هل يستطيع المستخدمون تصفح الموقع من خلال متصفحات مختلفة؟ 
7- هل يجد المستخدمون نصوصاً بديلة للصور والرسوميات الموجودة في الموقع؟ 


والاختبار من 


02 


8- هل ترتبط الروابط بعناوين الصفحات التي تتعلق بها؟ وهل تم التأكد من فعالية الروابط الداخلية 
أو الخارجية؟ وهل تم تلوين الروابط الداخلية بالألوان القياسية المعروفة: الأزرق في حال عدم 
زيارتهاء والأحمر في حال زيارة هذه المواقع؟ 

9- هل يحمل عنوان الصفحة مضموتها لتسهيل التعرف عليها؟ 

0- هل يقدم الموقع للمستخدمين المعلومات التي يحتاجون إليها وتشبع رغباتهم وتحقق أهدافهم؟ 

1- هل وفر الموقع للمستخدمين الخدمات التي يحتاجون إليها: خدمة البحث في الموقع» وخدمة 


المساعدة» وعنوان البريد الإلكتروني» وغيرها من الخدمات؟ 


ي - تقييم مواقع الويب 5ع511اعلالا 21131190/اا: 
إن تراكم الخبرات الناتجة عن دراسة مواقع الويب 
من حيث مدى ثباتها وسهولة دخولها وأدائها 
كوسيلة تواصل قابلة للتلقي أدى إلى مجموعة من 
المعايير 011161713 التي يمكن استخدامها لتقييم 
مواقع الويب تقييماً علمياً يتسم بالموضوعية 


المستمدة من أسس علمية وفنية» 





فقد اقترح ١16152‏ أع»!11ن) و 811011161 0017©113) مجموعة من المعايير لتقييم مواقع الويب: 
1- على مستوى الشكل !100: مظهر الموقع والشعور الذي يولده عند رؤيته» والخطوط 0015آ! 
والخلفيات والألوان والصورء ومدى توافقها مع المظهر والشعور. 
2- على مستوى الإخراج 1لا0/ا2ا: تنظيم الموقع وثباته من صفحة إلى أخرى» وسهولة قراءة كل 
صفحة» والحصول على المعلومات منها. 
3- عناصر الوسائط 167761015 11©013: وجود الصور والصوت والرسوم المتحركة» ودعم 


محتوى الموقع. 
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4- تصفح الموقع 1311931101!: سهولة التجول داخل الموقع ووضوح تنظيمه من خلال الصفحة 
الرئيسية» ووجود خريطة للموقع؛ ومعرفة الوصلاتء وتعدد أدوات الإبحار» ووضوح الأيقونات 
المستخدمة وما تمثله: 


لقد تجاوز اهتمام الباحثين في تقييم مواقع الويب مجرد اقتراح مجموعة من 

المعايير إلى تصميم استبيانات لدراسة مكونات موقع الويب وقياس مدى 
ثباته /[©201515161) ومن بين هذه الجهود: 

« الاستبيان الذي صُمم لقياس ثبات الواجهة الذي بالرغم من أنه 

يركز في الأساس على قياس الجوانب النصية في مواقع الويب» ْ - 

إلا أنه يخصص نحو ثلث أسئلته للبناء التصميمي. ا 


« الاستبيان الذي وضع قائمة لتحليل دوافع استخدام مواقع الويب» 








والتي تقوم على فرضية أن الجودة الدافعية " 00100/2110081 
0103110" تحث زائر الموقع على معاودة الزيارة. 
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مي 


الخاتمة 
يعطي التصميم الانطباعَ الأولي عن الموقع الإلكتروني» فإذا استطاع أن يخلق لدى المستخدمين انطباعاً 
جيداً وجذاباً انتقلوا إلى المرحلة الثانية وهي تصفح الموقع» وقد توصل المطورون والمصممون سواء من 
خلال خبراتهم العملية في التصميم أو من خلال دراستهم لتأثير تصميم هذه المواقع على المستخدمين» 
للعديد من قواعد التصميم التي قد لا تتناسب مع كل أنواع مواقع الويب وصفحاته نظراً لاختلاف أهدافها 
وامكانياتها وجمهورها المستخدمء لكنها تتناسب مع أغلبهاء ويمكن في حال الأخذ بها الوصول إلى مواقع 
ملائمة ومناسبة للوصول بسرعة إلى المستخدمين وتيسير وصولهم إلى المعلومات التي تتفق مع حاجاتهم 
واهتماماتهم؛ وقد تكون القاعدة الأولى التي يجب أن يتنبه لها المصممون ولم ثذكر في القواعد السابقة 
أن جمهور المواقع الإلكترونية ليس صبوراً» ولديه خيارات متعددة من المواقع والصفحات على الإنترنت؛ 
لذا فإن النظرة الأولى التي يلقيها على الموقع هي التي ستقرر فيما سيستمر في التصفح أم لاء وبالنسبة 
لأصحاب المواقع يجب أن يكون القرار: نعم» سأستمرء وسأكرر الزيارة. 
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مي 


الخلاصه 


يحقق تصميم مواقع الويب وظيفتين مهمتين: الوظيفة الجمالية وجذب انتباه المستخدمين والاحتفاظ بهم ما 
أمكن؛ ووظيفة تسهيل الاستخدام للوصول للمعلومات بيسر وسهولة. 


وقد قدم العديد من المراكز البحثية والكثير من المصممين والمطورين لمواقع الويب تعريفات مختلفة 
للتصميم» يركز معظمها على أنها عملية ترتيب وتنظيم العناصر البنائية لصفحة الويب لتسهيل 
استخدامهاء وجذب الاهتمام إليها. 

وقد قدمت هذه المراكز وهؤلاء المصممون أيضاً العديد من القواعد والخطوط الإرشادية التفصيلية المتعلقة 
بالعديد من أبعاد التصميم» كأدوات الإبحار وسهولة الاستخدامء والواجهة وأسلوب الوصولء والإجراءات 
القانونية والأمنية» والاتصال والبنية التحتية» والتسويق والدلالة على الموقع» والأخطاء والاختبار 
والتجريب» وأخيراً تقييم مواقع الويب. 

وقد ركزت هذه الخطوط بشكل عام على سرعة تحميل الموقع» واستغلال مساحة الشاشة بالشكل الأمثل» 
لعرض الكم الأكبر من المعلومات» ووضوح وسهولة استخدام أدوات التجول والإبحارء وسهولة ووضوح 
المعلومات؛ والروابط وارتباطها بحاجات المستخدمين وأهدافهم» واستخدام الخطوط والألوان المناسبة 


واستغلال كل العناصر التي تساعد على يسر استخدام هذه المواقع من غير مبالغة» ولا مغالاة. 
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التمارين 
اختر الإجابة الصحيحة: 
1-حجم أي صفحة من صفحات موقع الويب يجب ألا يتجاوز: 
6. 20 كيلو بايت. 
6. 25 كيلو بايت. 


0. 45 كيلو بايت. 
ما. 50 كيلو بايت. 


الإجابة الصحيحة: 0 50 كيلو بايت 


2حمن القواعد والخطوط الإرشادية المتعلقة بالأجراءات الأمنية والقانونية: 


. عرض عبارة 'حقوق النشر محفوظة". 
. استئذان صفحات المعلومات التي سيتم الارتباط بها. 

. القدرق على الإزشادات المقلقة ينشن المعلومات الشخصية والخاصة: 
٠‏ كل ما سبق صحيح. 

:كل ما سيق خاطية: 


حل لنّا () لا 1[| 
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3-من المفضل أن تُعرض صفحة الموقع على شاشات لا تتجاوز خمس الشاشات. 


هيع 
8. خطأ 


الإجابة الصحيحة: 8 خطأ 


4-زر 8301 من أهم أدوات الإبحار. 


8. صح 
8 خظأ 


الإجابة الصحيحة: ./ صح 
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1- 
را 


-3 


العراجع 
أبو عيشة» فيصلء. (2010).» الإعلام الإلكتروني» (ط1)» الأردن» دار أسامة للنشر والتوزيع. 
تربان» ماجد سالمء» (2008).» الإنترنت والصحافة الإلكترونية 'رؤية مستقبلية",» (ط])» القاهرة» 
الدار المصرية اللبنانية. 
شفيق» حسنين» (2010). الوسائط المتعددة في المجال الإعلامي والإنترنت» (ط]).» القاهرة» دار 
فكر وفن للطباعة والنشر والتوزيع. 
يحيى الميتمي؛» معين صالح. (2009)؛ تفضيلات مستخدمي الإنترنت لتصميم المواقع الإخبارية 
العربية» رسالة ماجستير غير منشورة» جامعة القاهرة» كلية الإعلام» قسم الصحافة. 
موسى أحمدء محمد الأمين» (2005).: توظيف الوسائط المتعددة في الإعلام الإلكتروني العربي؛ 
مؤتمر صحافة الإنترنت: الواقع والتحديات؛ جامعة الشارقة» كلية الاتصال. 
مصطفى حسينء. محمدء (2010)» تقييم جودة المواقع الإلكترونية: دراسة تحليلية مقارنة بين 
بعض المواقع العربية والأجنبية» مجلة تكريت للعلوم الإدارية والاقتصادية» المجلد 6 العدد 18. 
درويش اللبان» شريفء. (2007)» الصحافة الإلكترونية» دراسات في التفاعلية وتصميم المواقع» 
القاهرة» الدار المصرية اللبنانية. 


محسب» حلمي» (2)2007 إخراج الصحف الإلكترونية على شبعة الإنترنت» (ط1)ء القاهرة» دار 


عار 
عمان» دار وائل للنشر. 


0- جودة محمد مؤيدء هيثمء (2010)» تأثير الأساليب الإخراجية للصحف الإلكترونية على 


العمليات الإدراكية لدى عينة من طلاب الجامعة» في إطار نظرية تمثيل المعلومات» دراسة شبه 


تجريبية» رسالة دكتوراه غير منشورة» جامعة المنصورء كلية التربية النوعية» قسم الإعلام التربوي. 
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الوحدة الثالثة 


الأهداف التعليمية 
بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 


1 يشرح برنامج 300100306 ا مناكا:3ا/طا لاع عملانا :اللا 1 نا 
2 يشرح برنامج 2306 عرمهلا 21مه5مع5 :طاام 

3- يشرح برنامج ©309100360 ا مناكا:13/! عاطأدمع) »اع :االال“ا 
4- يشرح برنامج 8/اخرل 

5- يشرح برنامج 5011514 .2 /لخرل 

6- يشرح برنامج 29065 إع/اة5 عل/الأعم :52م 

7- يشرح برنامج 5أ©ع©56 عا/أ51 035030100 :055 

8- يشرح برنامج //0131] 00181 

9- يشرح برنامج الرسم الثلاثي الأبعاد 511/010 “1/13 31005 
0- يشرح برنامج فلاش ا135! 

1- يشرح برنامج 279906 10014 


2- يشرح برنامج 07681010/68161] 20066 
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العناصر َ 


- مقدمة. 
- برامج تكوين وتصميم موقع أو صفحة الويب: 
- البرامج المتعلقة بتصميم صفحات الويب: 
© 3203| مناكاة/ا! لاعامعملالا : اانا[ ط. 
ه. عن3<ظ عمرول أوضودرعم :صوص 
»ه 32001306 ا مناكا3ةا/طا عاطأؤصضع اع :االملم. 
ه //اثال. 
ه 6م50 ثثاثل. 
٠ه‏ 5م230 إعلرع5 عراعم :طوم 
- البرامج المتعلقة بمعالجة النصوص والصور والرسوم: 
٠‏ /لاقانا |0012. 
هه 06لأ5 “1/3 3]05. 
هه مهملأوم]مطط. 
« طا5قاط. 
ه عنوط أصضمعط. 


ه عل/اوع/لامطلوع(0ا عط2600. 


الكلمات المفتاحية: الموقع الإلكتروني - التصميم - الوسائط المتعددة - النص المتشعب - 
الروابط - برامج التصفح - لغات البرمجة - 811/1 - لال - طتاط - االلكاز - غأمتن5 م/ارل 
- /لاقانا |0011 - طاكقم - وأل0بلزأ5 <«وا/اا 3105 - ممطومامطط - طوواع - هوو< أرمممع - 


681/61 /لا10 83لا ©8000 - برنامج ال 0505ل/الا - برنامج ال 01أه عل/ناه0”ا. 
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أولاً: مقدمة 


وعمم |0004 
هق +08 
! ©0116 


أدى استخدام لغات ونظم تصميم البرامج على الكمبيوتر والشبكات إلى زيادة سهولة استخدام وتبادل ونقل 
البيانات» وتنظيم عملية الكتابة والتحرير على صفحة الويب» كما أدى إلى توحيدها وفق أسس محددة. 

قد أدى هذا التطور في لغات التأليف وتصميم المواقع والصفحات إلى إتاحة برامج متخصصة لكل 
استخدامات الكمبيوتر والشبكاتء, وتحقيق أهدافها الاتصالية» وكان أقربّها إلى الاستخدام: 


« البرامجٌ التي أطلقتها شركة 1110005016 لتنظيم استخدام أدوات الاتصال كالمحادثة أو البريد 
الإلكتروني» والحوار والمؤتمرات» وكذلك الأدوات المساعدة على التصميم كبرنامج تنسيق 
الكلمات 005/الا» وبرنامج تنسيق العروض 101575 61/لا0”.. وغيرها. 

« لغات تصميم الصفحات مثل لغة ال -111/1أء ولغة ال اا/لكا وال 15اط, وال ث/اثل .8 ى/اخال 
561101 ولغة ال >/852, وغيرها من اللغات التي جاءت بديلآً عن لغات البرمجة التي 


صاحبت نشأة صفحات الويب مثل لغة ال 89516 وال 5950681 وغيرها من اللغات. 


« برامج معالجة الصور والرسوم كبرامج: /لاةا(ا [073),ء» و5]0010 <«والاا 005إ3), 
و 260105080 وا135آ؛ و2906 11011: وسيتم التعرض إلى كل هذه البرامج بالتفصيل في 
هذه الوحدة. 
وقد شهدت السنوات الأخيرة تنافساً كبيراً بين الشركات الصانعة للبرمجيات» مما ساعد على فتح مجالات 
واسعة لإيجاد برمجيات متقدمة في مجال تصميم العناصرء والوحدات الإلكترونية» ومكّن مصممي 
الصفحات الإلكترونية من تقديم أشكال إخراجية متنوعة للصفحات الإلكترونية. 
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وتنقسم البرمجيات المستخدمة في تصميم الصفحات الإلكترونية إلى قسمين: الأول يتعلق بتصميم 
صفحات الويبء والثاني يتعلق بالوسائط المتعددة المستخدمة. 


ّ 


ثانيا: البرامج المتعلقة بتصميم صفحات الويب 


6111 ةلالا 655 الرللنا 


5 لك عا 


أغراض هذه اللغات واستخداماتهاء كما تتشابه 
8 : 85 (مام) 
أيضا فيما بينها من حيث الآغراض التي تؤديها 2 22 


إلا أنها تختلف من حيث طرق البرمجة المستخدمة في كل منهاء ومن هذه اللغات ال 111/1] وهي اللغة 


أدت التطورات المتلاحقة إلى ظهور العديد من 


لغات تصميم الصفحات الإلكترونية» وتتعدد 





الأشهر بين اللغات؛ كما أن هناك لغات تتفاوت من حيث حجم الشهرة والاستخدام مثل لغات 5لاط, 


و55)ء؛ وطاؤك, و0178016. و _االااكا و91/8ل ؛ و5061101 91/3ل, وغيرها. 


أ- 30011306 ا مناكا دالا اع اعمال :11لا 


0 
.م 0.6 4 6 2 .6 

وهي أولى اللغات المستخدمة في تصميم الصفحات 
"دنه لالعجمهة "0 "وان أعن: آلية تداء :6ج :ه. 16تكماءلاها. يعدا : وب" «مقااعة ههه كه 
ع ع لم 29 :399/9 : نو ادعستاة7 56 :20050650 20110 نم1 : وبنوو0"موابزاءة أممةاء) كه 

الإلكثرونية وأشهرها وأكثزها استخداماًء فهى إحدى 
ع م ٍْ ع ام امواغهب "ممابراه *غره ا جود "هاا “38 "مداو "جود 'معدوه “نه "ممعم أنمماه> 
4 8 :مأو :0 نوواننهم زوم نكو1 ام اماه" سابعو *عووروه| “مجهممه خعواعت 
.م #0 1 ) 2« الى 6 هو 46 جهو اجوواه عوارج0د*عن "عون !: احد "عن 'عوها *عن "سجاه مواجوي 
اللغات ا و 3 2 9 تحتاج | مدرجم امماغاوو'هداذا اود "تساعهة اع" متمطعواعة *وصع"مودت!: احد *وع'موكها *ومع" ميات مواخججت 
<6/1 ا نجواره | مالتمد عد * ف *.1050: احد "عد 'مزنها *عء "جنات مقاجوت. 
<ال | +001 > 1*0 “مو | اهد *؟ا*موهها *ما "سناد مواجوك 
5 5 ا 3 5 + 4 ٠.‏ حمهة اأمو موه امأ !"14 *عوه :اسهد *أأ*عوها *؛) "سات مواخمت 
خاص بهاء وعير مرتبطة بنظام تشغبيل معين »2 اذ حمه ا لووارهوننتت | تملسالد" امث“موتت!: احد *أم'عونها *أن "سات مواجوت 
5 59 5 57 5 8 حا 0ه 0ح *مز “موه !: احد *وز*عوهها *وز*سجنساه؟ مواجوت 
حصا غوو/ه علو اوقد" او"عوج!: اسهد *ام"عوجها *ام"سجساه؟ مواغوي 
حم اأونا'ه وغروساءومد" أو"مودت!: احد *غم'موكها “غم "بات مواخوت 

4 0 


5 
53 0 | ىه 4 من 1 5 5 ١‏ ُ 

٠. 2 5‏ ا 6/12 ١‏ نجه فوت ع رهد “رك *مو135: هد "نلا" دونه *ن"موناات؟ مامت 

يدم لفسدره 9 2 يمالها من : يي ا <00 ا جو هه نوجو اكد “بو “موجن | : هد "بو "سوه "بو “سواه مواجوك 


جاء» اعوايه 

2 
لضيص ىم 2< ان - 5 3 (19090 انه "مهاناة “مره وه "مجهواء * < "عداو “وو "مجهمه "أأهطله "عهرزا 10> 
للإنترنت» وقد اخترعت هده اللغة عام در *ما “عساوب *وو*سجهمم *صمنة اامهوز أبوما»> 
<54ة انا اه 
<01 آثه 





من قبل ©© ا 110-8617615 » وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة 
الأخرى» فمثلاً لا تحتوي على جمل التحكم والدوران» وعند الحاجة إلى استخدام هذه الجمل يجب تضمين 


شيفرات من لغات أخرى كلغة ال 9108ل وال 561101 90/3لء كذلك لا تحتاج إلى مترجم خاص بها 
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"001116 وغير مرتبطة بنظام تشغيل معين لأنه يتم تفسيرها وتنفيد تعليماتها مباشرة من قبل متصفح 
الإنترنت وبغض النظر عن النظام المستخدم. 

وتستعين ال اا/!ا11] - كما سبق ذكره - ببعض اللغات المساعدة مثل ال 561104 973ل التي تقوم 
بوضع بعض الخدع والمؤثرات والتحسينات في الموقع» كذلك تستعين بلغة ال 055 لمزيد من السرعة 
في خلق الصفحات وتنسيقها. 

وتهيو .هذن اللقة هوم مجموعة :من الصفحات النتصلة معا وزوابل متقعية 
تشكل في مجملها صفحات شبكة الإنترنت اعل/الا عل اللا 10ملالاء وتضم 
النتصوص والصورء وملفات الصوت وبرامج أخرىء: كما تساهم هذه 
اللغات في إضافة الكثير من الأبعاد التفاعلية لتصميم الصحف 0 
الإلكترونية حيث يمكن من خلال هذه اللغة دعم خاصية النصوص 
التشعبية» إلى جانب عدم اقتصار هذه اللغة على نظام تشغيل معينء ولذا 
فهي لا تتطلب برامج لتحرير النصوص الخاصة بهاء فيمكن من خلال 
بعض البرمجيات المتوافرة في أي جهاز حاسب التعامل معها مثل برنامج 














8 2001 أو حتى برنامج ال 0:0/الاء حيث يمكن من خلال هذه البرامج تصميم صفحة إلكترونية 
بلغة 111/1آ. إذ لا يتطلب الأمر سوى: 
حفظ الملف بالامتداد اماغط أو (اغط فقط. 
٠‏ ثم العمل على توزيع الصور والرسوم» والنصوص على الصفحة دون الحاجة إلى الترميز ووضع 
الشفرات» فكل هذا يمكن أن تقوم به تلك البرمجيات مباشرة. 


وتمد لغة ال 111/1] المصممين والمطورين بالعديد من الأوامر التي تجعل من التصميم عملية جذابة من 
خلال إمكانية تجميل خطوط النصوص التي تحتوي عليها الصفحة سواء من حيث نوع الخط أم حجمه أم 


لونه أم شكله (سميك - مائل - مرتفع - منخفض..) أم مكان الحرف. 
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"عماء 11اعمه "مع مع “31198 "ومم . 201396غ015/15م53 3/9غ03: نامغ - 1قداع 115-1/1 05-1 11/6/ا"-1]نا "2"10018396ع538 15وناام> 
<"20118396غ+10810" 580162 100غعق>» 
,68 ,قكماة. [عوترتدوعغ م2 ] 10ونام ) مععسة ز (ء315غ ,لع 1اطممع . [عووجسدوعغمخ] م1وسام)غءد ‏ ,لع 1طومع . [عووسدوعغمخذ] دذوسام) +1 


<100غع3ة/> 
<"0108151+011396غناة "-58116 100غع3> 
2 لذأونام) مععمة ز(80,قطماة. [عوتمتوعغ+مد] 10وسام)غعد , #315عدلعن/اة81معع1358اع010189غ10 . [3غ03] 10ونام) +11 


(١:‏ ()ع01339غ10ع510 ,11)18معلعلزهاءل0 

: (: لعدعغ , للعلا اضطمقعع1358اع01339غ15 . [8غ03 ] م1وسام)غعد 
<100غع83/> 
وس # » عل © عل 4 1# 6 ع ع 4 2 ع ع 3 4# ع ع 9 6 #2 ع ع 4# ع ع ع3 ج34 جا ع ج34 3# > ع ع 4# 2 عا ع 6 3# ع ع 3# > ع ع # ## ع ع 4 36 جا ع 3# 3# ع ع 3 4 جإ ع1 هذ أ جد ع عد 3 و2 5 * > > + > > + # > # # # # 8# | جه 
:معع! "وم . 5/10904ع51م53و/3غ03 نامع - 1اقناغ 15-11 05-1 116لا "حاعن " ز (عغ1واعللا) +خلاءغيولو "عم عبامامه "4موه1"-ع5806 15وناام> 
"دا “"ممغغه60غ161"-311906 "عبعءغ"دمععغا “وموم . 5/10906ع01م3 و/3غ3ل نامع -1 قناع 1/ا11605-115-1/ا"حاعن "10906"-5388 15وناام> 
معع)! "09م .5/10901ع1م3/93غ03:نامغ - 1قناغ 15-1/1 05-1 11/6/ا"حاءن " ز (عغ1وطعللا) +عاءعغيلوو "عم عياوامه "01و16"-ع580 105وننام> 
ج# سس # ع عل ع عل جل ا ع ع ع4 1 ع ع ع 3# 6 ع ع4 1 + ع ع # ج ع ع 3# 6 3# ع ع4 3 ع ع #3 ع ع ع أ ع ع 3 3# عأ ع ع4 ع ع 3 جد عأ ع عد عدجأ عد عد هد عد عد عد هد عو 15135 * + » + + » + + + + + + **- - |( > 


</"ومز.5دع6 413+ /د5ع1امقء و/3غ03: ناهوغ -1 قناع 05-115-1/1 116لا "حاعن "7الافع]ع0"ععوقم غهموع 418+ و5قع1> 

»# ع عل عي علا عأ ع ع علا 34 أ عا 1# عل أ ع ع 34 346 2 ع ع 4 ع 3# 3# أ + ع3 ع 4 ج# ع ع4 3# ع علا 4 4 عأ عأ عل 34 +4 ع ع1 4 3 ع ع # جإ3 عأ علا 34 #34 عا عا 34 عا عاذ هذ جه عأ بد عيذ علا عد عا عد نانع ** + +++ *+*+*+*+*+*++- -_|إ> 

)لاع عامط "عع /اوطامه ":(1-رععع40ع/ا70_لامع )ا غخع5و "تويزو لمه "مدع "دمعع؟ا "ممعم" 5و1ع5 "00غغه6"-31198 "105"دع قم 105وناام> 
) ألاء غنم لاد "عع علاومطره " : (1+رععم م6غع١ا0ل_باوع‏ ) غع5 ">0نزو060 "عبعغ "دمعع»ا "ممعم"-غ5و1ع5 "ممغغه60"-31198 "غنه"-5306 م1ونام> 
لا0 5 "عن علاواره " : (1-رعء» 2016]40_غ وكامه1ط)اغع5 "دوبزه00مه "عبعمغ "دمععكا "ممعم"-+5و1ع5 "لومغغ60"-31198 "+1ع1"دعموقم 5و1ونسام> 
ماك "عت عنتاوامه " ز (1+رععء مغع/اه0م_غقكامه1آط)غع5 "«دزريزولمره "عباءغ "دمععكا "ممعم" +ذطوواعط "لرمغغ+صط"-311986 "+زوا1ع "دعقم م1وناام> 
عغلو ناه "عت عياواره " ز(1-رععء مغع/اه0م_غقكامه1/ا) غخعو "دويزه0مه "عبمغ"دمععكا "مممم"-+5و1ع5 "8مغغ60"-311980 "منب"دع580 م1ونام>» 
اولك "عع ناوطمه " ز (1+رععء وغع/اه2_غ قكامه1/) غخع5 "«دريزهلمه "عبءئغ"دمععكا "ممع م"-+5و1ع5 "زمغغ60"-31196 "ولاول "5306 15وناام> 
9, (/ا. الا 1/اممهم )غعو, (ط. لاع 1/اممهم)غعو) مغكامه1"داء 1 اعمه "عبمغ"جدمععكا "ممعم م"-غ+5و12عط “"ومغغوط6"-م3119 "عومط"دع0ق3م و1وسام>» 
دماء 1اعمه "عبءغ"دمععكا "ممعم" + تاو1زاعط "عبمغ"-0060160غونهء "1قوممم"دعلمولمعاآاط "ووغغوط"-م119ة3 "5أمعمه"-5382 10أونناام> 
كاء 1اعمه "عنم "دمعع!ا "ممعم"ء + ذتاوزعط "عدمغ"ع- 16م6ممغوبدت "1قوم مم"-2ع00نلمعغع1اط “ممغغه0ط6"-2م110ة "15عوما1 "2ع6قم 15وناام> 


طمه ":()ما1علالإهام015"حلاء11اعمزه "عنمغ+"دمعععا "ممعم" +ذلاوزاعط "عبعمغ+"-10ه0060غ+دنتء "00غغ0ط6"-31198 "1050"-388 17وناام> 
11/605-1/ا"جاعن ":ز()م1علاعوم1اء"عاء1اعوه "عنمغ"دمعععا "عنمغع "ع 106ه6ممغ+ونء "مع جمع "2م311 "مععء ءكماعط"-ع580 م1ونام> 
<"م1اعلالزة 1م015 "53116 100غع3> 

: لعناءغ,ع1ط151/ا. [معععء 5م اعط] م1وسام)غعد 

(:()ماعلاءوماء بعاعناعوهو. [ه+105]م1وسام)غعد 
<100غ»ع3ة/> 


صفحة ويب مصعمة وفق لغة 711 <"م1اعلاءعوم1ء "-5886 106+ ق>» 


: (315,ع15151/. [مععء ءوم1اعطا] م1وسام)غعد5 
(:()ماعاالاها م015 ,بعاإعتاعوه. [15]15+5وسام)غعد 
<100غعة/> 


ب- م2306 عوط أجصوورعه :منرم 


ظهرت هذه اللغة للمرة الأولى عام 1995 على يد الدانماركي 0014© 1935/7005 وكانت اختصاراً ل 
و5 ومرمولا اوده5ة5: أما الآن فقد أصبحت اختصيارا ل /0606550(معرط ألرأع املاط بمطوص 
وقد أنشأها المبرمج بداية لتحل محل مجموعة من البرامج 56/1015 المكتوبة بلغة 56©/1؛ وقد استخدم ال 
5لاط لأداء مهام مثل عرض سيرته الذاتية على الإنترنت» وتحديد عدد الزيارات التي كانت تتم لهاء ثم 
تطور الأمر بعد ذلك بشكل سريع ومتلاحق عندما انضم إليه مطورون آخرون أضافوا إضافات مؤثرة 


جداً للغة الجديدة جعلتها تنتشر بسرعة على نطاق واسع وتلقى دعماً متزايداًء وما ساعد على ذلك أنها 


مفتوحة المصدر ومجانية. 


ولغة ال 8]12 واحدة من أشهر لغات البرمجة المستخدمة في إنشاء تطبيقات الويب 5هللا 


5 امم /. 
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ميزات وفوائد لغة ال 6لاط: 

1. هي من اللغات التي يقوم خادم الويب !©5617 اعلالا بتفسير وتنفيذ الكود الخاص بهاء ثم يرسل 
النتيجة ليتم عرضها في متصفح العميلء ولأن ال 5617/67 68/ا/ا هو الذي يفسر وينفذ الكود 
الخاص بها لذا يطلّق عليها ١319101306‏ 501101159 567/6-5106 مثلها في ذلك مثل لغة 
أعم. 852 واءعظ وووطالإاط ولإطنكاء وظ5ل-23065 56/6 3ل/اول,. ولكنها تتفوق 
عليهم جميعاً من حيث أنها الأوسع انتشاراً. 

2 لغة ال 12] تستخدم لإنشاء صفحات ويب ديناميكية أي صفحات متغيرة المحتوى» وهذا 
المحتوى يتغير نتيجة التفاعل مع المستخدمء وبناءً على المعايير التي يحددها هوء كما هو 
الحال في مواقع التوظيف عبر الإنترنت والتي توفر لمستخدميها القدرة على تسجيل بياناتهم بها 
وتعديلها في أي وقتء وإلغائها إذا أرادواء كما أنها تعرض للمستخدم الذي يبحث عن وظيفة 
معينة نتائج تتوافق مع المعايير التي حددها عند البحث؛» وكما هو في موقع 193665001!.0017 
حيث تتغير بيانات المستخدم المعروضة فيه وقائمة أصدقائه» وربما مظهر الصفحات 
المعروضة»؛ وكذلك الإضافات المستخدمة بتغير المستخدم نفسه؛ إذاً فلغة ال 5115 هي لغة تتيح 
التفاعلية للمواقع الإلكترونية» لذا عمدت العديد من الصحف الإلكترونية إلى استخدام هذه اللغة 
في تصميم مواقعها للتغلب على الصعوبات التي يؤدي إليها استخدام لغة 111/1] التي لا تتيح 
فرصة تحديث محتويات الصحيفة الإلكترونية إلا بعد أن يعمل المصمم على تحديث 
الموضوعات بشكل دوريء وبطريقة تقليدية» وذلك من خلال: 

« القيام بتصميم الصفحات المطلوبة. 
» ثم إجراء بعض التعديلات على الصفحات الرئيسية للصحيفة. 
© ثم القيام بتحميل الصفحات من جديد. 
وبذلك يمكن من خلال استخدام لغة 00152 لمواقع الصحف الإلكترونية التعرف على آراء القراء. 

3. تتميز لغة ٠]15‏ بكونها اللغة التي يفهمها العديد من المتصفحاتء ولذا فهي لا تحمّل حاسوب 
زائر الموقع بأي أعباء؛ إضافة إلى أن هذه اللغة توفر مرونة عالية في البرمجية لا تتوافر في 
اللغات الأخرى مثل 111/1!. و561104 3103ل التي تعمل على حاسوب زائر الموقع. 
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4. تتعدد فوائد هذه اللغة حيث يمكن الاعتماد عليها في عمل قوائم المراسلات البريدية والبريد 
الإلكتروني» ولذا تعتمد لغة 5112 إمكانية التعامل مع محركات البحث التي تتيحها الصحف 
الإلكترونية للتعرف على الأخبار والموضوعات التي تم نشرها في أعداد سابقة. 

وقد تطورت هذه اللغة بشكل كبير حيث صدر منها نسخ متعددة» منها الإصدار الرابع ممم الذي 


يحتوي على تقنية تسمى 26100 التي تساعد على تسريع الصفحات المعتمدة على هذه اللغة. 


ج- 3160101306 ا رناكا:13/! عاطأددع)»اع :االالا 


تعد ال االاكا من اللغات الشائعة حالياً لبناء قواعد المعلومات والمواقع الإلكترونية ذات السعة الكبيرة: 
وقد تجاوزت هذه اللغة بعض المشكلات الموجودة في بعض لغات الإنترنت وخصوصاً لغة 7101لا 
ويستفاد منها في: 

« إعداد البيانات والروابط الخاصة داخل الموقع 


وبشكل عام فإن لغة 11/1 هي لغة لوصف البيانات وهيكلتها على الإنترنت بحيث يمكن من خلالها 


الاستفادة من هذه البيانات» والبحث فيها والحصول منها على المعلومات» ويمكن تحديد فوائد ومهام هذه 
اللغة في: 


1[ - تخزين البيانات: 


تقوم وسوم 1/اا بمعالجة محتويات المستند من المعلومات بعيداً عن وسوم 111/1! التي تقوم بعرضها 
على المستعرض؛ لذلك يصبح بالإمكان تخزين تلك المعلومات في ملف مستقل يُطلق عليه ملف -االاكاء 
وكتابة تعليمات عرض تلك المعلومات في المستعرض في ملف آخر هو ملف 111/1آ. واذا تطلب 
الأمر أي تغيير في المعلومات الخاصة بالمستند فإن ذلك لن يستلزم أي تعديل في وسوم 111/1آ. كما 
كان بحدك سايقا. 
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2- تبادل ومشاركة البيانات: 


تستطيع لغة ال ا/!ا تبادل البيانات ومشاركتهاء وقد قدمت حلولاً كثيرة لمشكلة تعارض التنسيقات 
الخاصة بالبيانات 107770315 6ا50000708410أء وذلك لأن بيانات 1/1 يتم تخزينها في ملفات نصية 
بسيطة مما يجعلها تعمل من دون مشكلات مع مختلف نظم التشغيل والخوادم والتطبيقات 
والمستعرضات. 


3- إمكانية عرض البيانات بأكثر من طريقة: 


تنظر أغلبية التطبيقات إلى ملفات 1/1 كقاعدة بيانات لاحتوائها على بيانات منظمة:» لذا فإنها تقوم 
بعرض تلك البيانات بأكثر من شكلء وهو ما يوفر على كثير من المبرمجين الدخول في تعقيدات قواعد 
البيانات. 

ولذلك فإن لغة ا/اا عد من التطورات الهائلة في مجال لغات الإنترنت وبخاصة في كيفية استعراض 
المعلومات إلى جانب تحديدها وفرزهاء كما يمكن لهذه اللغة أن تقود نظام التشغيل لتحديد مجموعة بعينها 
من الأرقام أو المواضيع» وتحديد وضعها حيث تستدعي لغة 1/1 البيانات وتستعرضها بشكل أفضل 
وأكثر سهولة» لذا تُعد بمثابة المقياس الأمثل لانسياب البيانات وتبادلها. 


د - ال الاذل: 


قامت شركة 5/5160 1/1610 (الا5 عام 1991 بتمويل بحث لإنشاء لغة برمجة لتطوير الأدوات 
الإلكترونية الذكية» ونتيجةً لهذا البحث ظهرت لغة ال 61/8 ل المبنية على لغة (++0) أطلق عليها 
مخترغها 6051179 30765ل اسم أوك (031)» اكتّشف فيما بعد أن هناك لغةً أخرى بهذا الاسم» فتم 
اختيار اسم 41/8ل. وقد أدركت الشركة فائدة 8/الل في إضافة المحتوى التفاعلي 30016الا0 
161 والصور المتحركة 41/117360 إلى صفحات الشبكة» وتم الإعلان عنها رسمياً عام 21995 
فكان إقبال القطاع التكنولوجي وقطاع الأعمال عليها كبير جداً بسبب الاهتمام الكبير بالشبكة العنكبوتية. 
وتستخدم ال 1/8اثل في برامج للشركات أو في تحسين الصفحات على الإنترنت» أو في برامج الهواتف 
المحمولة. 
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وعد ال 8/اىل من أقوى لغات البرمجة وأكثرها تطوراً وسهولة في الاستخدام» إذ يمكن من خلالها 
التعامل بشكل أسهل مع المواقع الإلكترونية» واجراءٌ التعديلات اللازمة لمحتواهاء كما يمكنها إنشاء 
عدادات الدخول إلى المواقع» واتاحةً خدمة سجل الزوارء وبرامج الوسائط المتعددة المختلفة» وأغلب 
التصاميم التفاعلية في الموقع» هذا إضافة إلى إتاحتها تغييرٌ الألوان والمؤثرات المختلفة» واضافة الحركة 


والصوت والكتابة؛ والألعاب والبرامج المساعدة» والبرامج ذات الواجهة عن طريق الرسوم والصور. 


ب 
الا 


لمع ا أطة2ة//:5م1 8 26 أي 





سجل اشتراكك مجانًا وتمتع بالتواصل على مستوى العالم 


لت 





1170251 + 111255112 ...ىبر 





ةا موقع إنترنت مصمموفق لغة 4م123ء5 4174[ 











 *‏ كه هاصضهك اله سعطة 2 > ومم امه عممدم-وقهومنه كا 


ام 
4 +" اس اه كلم 


رمم 





ه - أمأرء5 4لاذل: 


باط 21 طاساجة 2١‏ 010 - ساسمصم " 4 | 
٠5‏ ووحدوماةا وربهج6 اكد 14ج نمم بدمن و 
عم دو ؟ «وسامتساداا « سو | عسفحكومم 
“77+7ك ١0‏ 
ععاوء مفو ويضيياا؟ موا | خبوضت؟ 
م يدنه 
وسوم- | بروم 


حم سه بروج جم 


وسحمس موسيم 


مد و يوضم 
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تستطيع العديد من لغات النصوص ومنها ال 561104 1/8ىل أن تحول: 


موقع الويب إلى موقع يتفاعل مع المستخدم من خلال إضافة أزرار ونماذج تأخذ بيانات من 
المستخدم وتحولها إلى نماذج أخرى أو ترسلها بالبريد الإلكتروني» أو تجري عليها عمليات 


« كما يمكن أن تحول الصفحة إلى ما يسمى بصفحات الويب 111/1 الديناميكية أو التفاعلية. 


لكن هذه اللغة تتميز عن لغات البرمجة الأخرى في كونها سهلة التحكم» وتعمل من خلال جميع أنظمة 
التشغيل مثل 150011/5ل/الاء وكالااأا. 


كما تُمكن ال 561101 //اثرل من: 
٠‏ تغيير ألوان خلفيات الصفحة الإلكترونية وألوان الصفحة عموماً. 
كما يمكنها إلى جانب ذلك تطوير القوائم المنسدلة» واضافة خطوط متحركة ذات أشكال متعددة. 
إلى جانب توفير الحماية للصفحات المصممة. 


و- 5ع230 اعنارع5 عياأاع8 :ماهم 
تعد هذه اللغة من آخر التطورات الحاصلة في 


لغاك. برمجة صفحات الشادم. 'النشطة. .والكن بم كلم 
أطلقتها شركة 1/1020501]6. وتتميز بإمكانياتها في 00 





تسهيل التحكم في المواقع من حيث: جع 


٠‏ التصميم والإدارة. 
« مواءمثها لكل أنواع المتصفحات المستخدمة عند المستخدمين. 
« اعتمادُها أسلوب لغة ال 2115 نفسه من حيث شفرات اللغة. 


كما يمكن باستخدام هذه اللغة تتبع المستخدمين من دون العودة إلى ملفات ال 0001165. 
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ز- 15آعع56 عالا51 0356201100 :055 

توضح هذه اللغة كيفية عرض العناصر المكونة لصفحة الويب كشكل الحروف واخراج الصفحة» ومكان 
الصور وحركة الفأرة على الصفحة» وقد صممت كوسيلة لتعريف إجراءات التصميم دون اللجوء إلى 
الاستخدام الخاطئ لأوامر ال 1110/1]: أو الحلول التي يمكن أن يطبقها متصفح واحد فقطء فيمكن تطبيق 
ال 055 في الكثير من المتصفحات المرئية» ومن مميزات هذه اللغة: 

1- السرعة: يزيد استخدام هذه اللغة في التصميم في زيادة سرعة اكتساب خبرة المستخدم في 
الموقع» وعلى الرغم من تحميل الصفحة الأولى ببطء لأنه يتم تحميل كل من المضمون وألواح 
الأنماط تُحمّل الصفحات التالية بسرعة إذ إن هذه اللغة المستخدمة في التصميم تخبأ في ذاكرة 
المتصفح. 

2- المرونة: تضع ألواح الأنماط في لغة ال 055 أساليب العرض لكل الصفحات في ملف 
منفصلء وعندما يطلب صاحب الموقع إجراء أي تعديلات على الموقع كنوع الخط أو لونه. 
يستطيع المصمم القيام بذلك بسهولة من خلال ملف واحد بدلاً من أن يقوم بهذه العملية داخل 
كل ملفات صفحات الموقع. 

3-يسر الوصول: تظهر الصفحات المستخدمة للغة ال 55© متشابهة باستخدام برامج التصفح 
المختلفة سواء المتصفحات المرئية أم غير المرئية ك “«الالاء أو الإصدارات القديمة من 


الركض هساك المرثية: 


ثالثاً: برامج تصميم الوسائط المتعددة المستخدمة في التصميم: 
أ- برنامج /8ا9:2 |6012: 

وهو من البرامج الشائعة في الرسم والتصميم ولاسيما في 

رسم المنحنيات التي تتميز بالتماسك والدقة مهما كان 


01| 


أعمال فنية» ومواكبته السريعة للتطورات المستمرة على صعيد أنظمة التشغيل 5١/516157‏ 1/34100©م6)» 
والبرمجيات ©5010//30؛ وقد تم إطلاق أول إصدار منه عام 1985. 
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وقد قدم الإصدار المعرب من هذا البرنامج إمكانية التعامل مع الخطوط العربية» والرسوم ذاث الألوان 
الكاملة» والتصاميم المعقدة ورسوم الويب والصور المتحركة كافة» فالتطبيقات المعدة في برنامج 0181© 


/31) تساعد على إنشاء: 


20 ب‎ 
٠ 


يُعتمد على هذا البرنامج الذي أطلقته 
شركة ©>10100251لا6 في رسم وتصميم الإشكال 
الثلاثية الأبعاد» واضافة الإثارة والإضاءة والحركة 


مدعّماً بمؤثرات ثلاثية الأبعاد» ويساعد هذا البرنامج 


الرسوم ذات الألوان المتكاملة. 

التصميمات والأعمال الفنية. 

الشعارات. 

الرسوم المخصصة للاستخدام على صفحات الإنترنت. 

العناوين المميزة التي تُستخدم في أسماء الكتب والمجلات أو أي منتجات طباعيه أخرى. 
الصور الخيالية. 

أطر الصور المتحركة. 


الرسوم ذات الجودة العالية المأخوذة من أصول ذات جودة متدنية. 


برنامج الرسم الثلاثي الأبعاد 51401010 13لا 31005: 





الشامل في صنع الأفكار الخيالية ذات المواصفات العالية الدقة والتنفيذ من حيث الإجراء الحركيء وهذا 
الأداء هو الذي يميز البرنامج عن غيره في تكوين الصور المجسمة ومنظورها من جميع الجهات» 
ومرونة حركة الإشكال المرسومة في زوايا الاتجاهات غير المحددة وغير المنتهية في معالجتها للمواقع 
والحيز المكاني والشكلي» وهذا الأمر التنفيذي أعطى البرنامج خصوصية متميزة في تصميم وعمل 
الإشكال ثنائية الأبعاد وتحويلها إلى ثلاثية؛ كما أن الأداء الحركي يعطي مجالاً لمنظر بصري في أي 
حالة صوّرية قد يراها المصمم متكاملة في تنفيذها وتطابقها مع فكرة التصميم والإخراج ثنائي الأبعاد. 
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استخدامات برنامج 510010 <3الاا 31005 
ويُستخدم هذا البرنامج في: 
1- عرض المشاريع المعمارية من الداخل والخارج: حيث يقوم المستخدم ببناء المشروع داخل برنامج 
ال “1/13 ليظهر كما سيبدو بعد الانتهاء من بنائه في الواقع. 
2- عرض المشاريع الصناعية والآلات: كشرح عملية صناعة سلعة معينة أو توضيح مبدأ عمل 
جهاز أو آلة معينة والدخول في تفاصيلها ومكوناتها الدقيقة. 
3- عرض وشرح الظواهر الطبيعية: يمكن من خلال هذا البرنامج رسم مناظر طبيعية كاملة تحاكي 
الواقع بما تحتويه من رياح وجاذبية وأشعة شمس وأمطار وثلوج وغيرها. 
4- في الطب: يمكن من خلال هذا البرنامج رسم جسم الإنسان بجميع أعضائه ومكوناته» مما يتيح 
فرصة التعمق في شرح أعضاء الجسم وبيان طرائق وخطوات أي عمليه جراحية. 
5-الإعلان: يُستخدم برنامج ال «1/13 في تصميم الإعلانات التجارية بشكل كبير بحيث يقوم 
المستخدم من خلاله بعرض السلعة وشرح فوائدها ومكوناتهاء وكذلك يمكن إضافة المؤثرات 
المعبرة على الإعلان المصورء مما يعطيه جاذبية ولمسة فنية تجذب الانتباه إلى هذا الإعلان. 
6- الإنتاج السينمائي: يدخل برنامج ال “1/3 وبشكل كبير في الخدع السينمائية» وصنع أفلام 
سينمائية كاملة من دون الحاجة إلى أي ممثل أو آلة تصوير. 


7- صناعة الألعاب: لبرنامج ال 1/13 دور كبير في صناعة الألعاب الثلاثية الأبعاد. 


ميزات العمل في برنامج 561010 <13لاا 3105: 
ومن أهم ما يميز العمل في برنامج 50010 1/13 3005 أنه: 
1- له خصوصيات بمعالجة وقواعد لغة الضوء وكيفية التحكم وتنظيم الإضاءة في المشهد. 
2- استخدام تأثيرات خاصة للإضاءة. 
3- تطبيقه للحركة الآلية المتتالية 16172316165>! 1017/310» والأنظمة الديناميكية المطبقة على 
الشخوص والأشكال والنماذج التي تتصف بهيكلية العمود الفقري البشري. 
4- ويتميز البرنامج بفن الإنتاج النهائي وذلك باستخدامه النظام الفيديوي 2051 2.1/10 لتركيب 


المشاهد التي يتألف منها الفيلم النهائي للمشاهد الفيديوية. 
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ج-2 برنامج فلاش 1351!: 


بدأ برنامج ال 11351 من برنامج يُدعى/80102]0 1351م5 هنا ءناناء والذي انالا 


أطلقته شركة صغيرة تدعى 50100/306 0/6/الا عالاألاء] عام 1995» ثم 
اشترته شركة 130617017©013// وطورته ليظهر باسم 21351 1/3010176013. اس 





ويُعد هذا البرنامج بإصداراته الكثيرة - التي ظهرت فيما بعد - أقوى البرامج في تصميم ملفات ال 
51 ]|! ويمثل قيمة مضافة لتصميم الويبء» إذ هو عبارة عن مجموعة برامج تساعد على إدخال الصور 
والرسوم المتحركة والصوت والحركة مع الحفاظ على الوضوح ودقة التفاصيلء» ويتميز البرنامج بصغر 
حجم ملفاته التي لا تستغرق وقتاً طويلاً في التحميل» وتم هذا الأمر بعد أن قدمت الشركة المنتجة 
للبرنامج معالجة القضايا المتعلقة بيسر الاستخدام واصدارها من برنامج “1/13 /135]. 
وهناك نوعان من الحركة في برنامج 1351! وهما: 
1- حركة إطار بإطار ©1300 لاا 1173/06 4601731101: ويتم في هذا النوع من الحركة وضع 
الأشكال والصور المختلفة في كل إطار بطريقة يدوية» فإذا صُمم مشهد فيه حركة فإنه يحتاج 
إلى عشرة إطارات. 
2- الحركة البينية 6.017341017/ 111/665760: ويتم في هذا النوع من الحركة وضع الأشكال والصور 
في كل إطار بصورة تلقائية» فلا حاجة إلا إلى تصميم المشهد الأول والأخير لتصميم الحركة؛ 
ويقوم البرنامج تلقائياً بإدراج الإطارات الموجودة بين الأول والأخير لتكوين عشر صور 


(إطارات)» ومن هنا جاءت تسمية الحركة البينية. 


د- برنامج ععج2 رمم : 


- بونامح 1110156 .رمن أهم وأشهر البرامج “005 اا 
ماو ١‏ 


استخداماً في إنشاء صفحات الويب وذلك للمزايا التي 1000 


تمتع بها من حيث إنه جزء من نظام ١/1070501]‏ 
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أجزاء برنامج 206 04م0,ا: 
يتألف البرنامج من أجزاء عدة: 
[- ععنصعه5 اعلالا لومموععط. 
2- المستكشف /ع10ام)اا. 
3- المحرر 101أ0ط. 
خصائص برنامج ©2306 ]مه1!: 
يحتوي البرنامج على خصائص متعددة لفحص سلامة الصفحات التي يقوم المصمم بإنشائها وسلامة 
الارتباطات فى تلك الصفحات مثل: 
1- إدراج الصور والنصوص وملفات الوسائط المتعددة» كالصوت والفيديو للصفحات التي تم 
إنشاؤهاء وربط ملفات الصوت بالصفحات وتشغيلها أحياناً كخلفية لبعض الصفحات» 
واستخدام تقنية الصوت والفيديو المتدفق 511823177170 للتغلب على طول فترة التحميل. 
2- ضبط وضع النص كأن يكون منخفضاً أو مرتفعاً عن السطرء أو وضعه وسط الشاشة. 
وتعديل حجم الخط ونوعه أحياناً. 
3- إضافة أي مؤثرات أخرى مثل تأثير النص الوامضء وادراج لافتات إعلانية متغيرة وعدادات» 
وأزرار متحركة» ونصوص متحركة. 
4- إضافة سمات إلى النص كأن يكون عريضاً ومائلاً أو مسطراًء أو حتى الجمع بين هذه 
السمات كي تعطي للصفحات تنسيقاً متناغماً. 


ه- ‏ "اع/اوع/لالرجع0] ع2600: 
يتبع هذا البرنامج شركة ©2005 منذ عام 2005» ومن 
ميزاته إمكانية العمل في كل أنظمة التشغيل الشائعة ك 


5 للا و32126112]05[1: كما يدعم العديد من 





لغات البرمجة التي سبق ذكرها كال5 05 ؛ وال 5011014 ث/اثلء؛ وال لان وغيرها من اللغات. 
ويتيح برنامج ال 17/681761 10163177 العديد من الخدمات مثل: 


1- إنشاء صفحات ويب ومواقع كاملة لمن لا يعرفون استخدام الأكواد. 
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2- استعراض مواقع العملاء تجريبياً من خلال أكثر من متصفح. 
3- إنشاء قوالب 76177013165 لإعطاء بعض الصفحات سمات بنائية متشابهة. 
4- الاستفادة من تطبيقات ال 561104 418ل من دون الحاجة إلى معرفة كتابة الأكواد. 


و- برامج أخرى ثستخدم في تصميم الوسائط المتعددة 
هناك برامج أخرى شستخدم في تصميم الوسائط 
المتعددة» وقبل نشر الموقع على الإنترنت تقوم على 
اختلافها من حيث الأداء والتنفيذ بإنتاج الحروف 
والصور المتحركة والثابتة» إلى جانب التأثيرات 
المختلفة» ومن هذه البرامج: 





هه طعاايلاك عععاوا/ا عأ/اوا/ا 5/لامل0دألالا. 

ه أمطلوط. 

ه« امأعع]1نا. 

« برنامج 00لالا. 
وتبعاً لذلك فإن هذه البرامج من أكثر البرامج استخداماً في تصميم النصوص و«الأيقونات والصور والرسوم 
والألوان المكوّنة للصفحات الإلكترونية. 
وكما يمكن عبر هذه البرامج نسخٌ وتجزئة الصور والرسوم أو حتى مقاطع الصوت والفيديو فضلاً عن 
إمكانية تخليص الصور من العيوب التي قد تظهر نتيجة التصوير الأولي» ونسخ الوسائط المتعددة 
بأشكال وأحجام متعددة تناسب الحجم الإلكتروني للصحف على الإنترنت» إذ بالإمكان إضافة لمسة 


جمالية من خلالها إلى المواقع والصحف الإلكترونية. 


67 


خاتمه: 
ساهم ظهور خدمة الويب واستخدامُ العديد من لغات البرمجة التي سبق ذكرها في ظهور الأشكال الحالية 
من المواقع الإلكترونية وصفحات الويب» وهو ما أدى إلى: 

٠‏ زيادة ظهور وانتشار هذه المواقع يوماً بعد يوم» حتى وصل عددها إلى الملايين على الإنترنت. 

» زيادة الإمكانيات والخدمات التي تقدمها إلى مستخدميها. 

« إعطائها الشكل الجذاب الذي يثير الانتباه والاهتمام ويحتفظ بالمستخدم الوقت الأطولء وهو ما 

تسعى إليه هذه المواقع وهذه الصفحات. 

ويؤدي ظهور الإصدارات المتتابعة والمحسنة من هذه اللغات إلى إدخال تعديلات وتحسينات كثيرة إلى 
تصميم هذه الصفحات حتى تصل إلى الشكل الأمثل والأفضل الذي يتناسب مع حاجات المستخدم 
وتفضيلاته واهتماماته 
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الخلاصة 
تتكون المواقع الإلكترونية وصفحات الويب من مجموعة من ملفات متعددة» منها النصوص التشعبية» 
وملفات الصورء وملفات الوسائط المتعددة» ولإنشاء هذه الملفات وتحريرها وتنظيمها تمهيداً لجمعها في 
موقع إلكتروني يستلزم استخدام حزمة من البرامج التقنية التي يمكن تقسيمها إلى: برامج تصميم 
الصفحات» وبرامج تصميم الوسائط المتعددة» وبرامج تحرير الصورء وبرامج التصفح» وقد ظهرت 
وتطورت العديد من لغات البرمجة وبرامج تصميم مواقع الويب في بداية التسعينيات» وتعددت أغراض 
هذه اللغات والبرامج» لكنها اشتركت في تحقيق هدف أساسيء, وهو خلق تصميم يتمتع من ناحية 
بالبساطة والجاذبية» بحيث يثير ويجذب انتباه المستخدمين واهتمامهم» ويحقق من ناحية أخرى سهولة 


الاستخدام» وإمكانية تبادل ونقل البيانات» وتنظيمٌَ عملية الكتابة والتحرير على صفحة الويب. 


ومن مجموعة البرمجيات المتخصصة بتصميم صفحات الويب» والمتخصصة بالوسائط المتعددة 
المستخدمة تُعد لغة ال 171/1 الأشهر والأكثر استخداماً وهي اللغة التي أطلقها ©© ا 1177-86©!/0©15. 
نفسه مطلقّ خدمة الويب» وهناك أيضاً لغات متعددة أخرى ظهرت فيما بعدء ولم تعد تقل شهرة ولا 
استخداماً عن ال 1ا/171ا كلغات: 2/المل - طباص - االالكا - م5 ث/ادل - 4852, ومن 
المجموعة الثانية هناك برامج ال /0اة01ا 00181 - 5015 <والاا 3105 - مملاومامططظ - طهقواع - 


ع0 001 - #علاوع/لااالوع]0|ا 80066 - برنامج ال 0005/ا/ا - برنامج ال أمأم8 عبروطل 


وغيزها من البرامج التي تساعد في تحرير ومعالجة عناصر هذه الوسائط. 
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التمارين 


اختر الإجابة الصحيحة: 


.1 


حل لنّا () لأا ]| 


دم << 0 6 


تُعد لغة ال 055 أكثر لغات البرمجة تميزاً في: 


. كيفية عرض العناصر المكونة لصفحة الويب. 

. سرعة اكتساب خبرة المستخدم في الموقع. 

. إظهار الصفحات المصممة باستخدام هذه اللغة بشكل متشابه باستخدام أغلب المتصفحات. 
. الإجابة الأولى فقط صحيحة. 


دكل التهاياك صسيحة 


الإجابة الصحيحة: (] الإجابة الأولى فقط صحيحة 


. أطلقها ©© ا 11201-86157615 مع خدمة الويب: 
٠.‏ لغة الطل]اط , 
. لغة ال ان/اا!!ا. 


. لغة ال //اثل. 


الإجابة الصحيحة: 8 لغة ال 78/11 


00 


من استخدامات برنامج ال 510010 “11/13 3105: 


.غركن المشازمم النقاعة مق الداعك ,و كاري 
. إظهار تشريح جسم الإنسان. 

«تصميم الأعلانات. 

. الإجابتان (8) و(0) صحيحتان. 


كل الاجابات السابقة صحيحة. 


الإجابة الصحيحة: آ كل الإجابات السابقة صحيحة 
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المراجع 
حسين جمعة موسىء بيرق» (2011).» فن الإخراج الصحفي لمواقع الجرائد الإلكترونية العراقية؛ 
دراسة تحليلية (الصباح والزمان والدعوة)» رسالة غير منشورة تعد جزءاً من متطلبات الحصول على 
الماجستيرء جامعة بغداد» كلية الإعلام» قسم الصحافة. 
محمود محمد أحمد محسبء حلميء (2007)» إخراج الصحف الإلكترونية على شبكة الإنترنت» 
القاهرة» دار العلوم للنشر. 
يحيى الميتمي؛» معين صالح. (2009)؛ تفضيلات مستخدمي الإنترنت لتصميم المواقع الإخبارية 
العربية» رسالة ماجستير غير منشورة» جامعة القاهرة» كلية الإعلام» قسم الصحافة. 
موسى أحمدء محمد الأمين» (2005).: توظيف الوسائط المتعددة في الإعلام الإلكتروني العربيء 
مؤتمر صحافة الإنترنت: الواقع والتحديات» جامعة الشارقة» كلية الاتصال. 
مصطفى حسينء. محمدء (2010)» تقييم جودة المواقع الإلكترونية: دراسة تحليلية مقارنة بين 
بعض المواقع العربية والأجنبية» مجلة تكريت للعلوم الإدارية والاقتصادية» المجلد 6؛ العدد 18. 
جودة محمد مؤيدء هيثم» (2010)» تأثير الأساليب الإخراجية للصحف الإلكترونية على العمليات 
الإدراكية لدى عينة من طلاب الجامعة في إطار نظرية تمثيل المعلومات» (دراسة شبه تجريبية)» 
رسالة دكتوراه غير منشورة» جامعة المنصورء كلية التربية النوعية» قسم الإعلام التربوي. 
فتحي محمد رزقء منارء (2009)» تصميم المواقع الإلكترونية للصحف المصرية على شبكة 
الإنترنت» دراسة مقارنة في التقنيات والقائم بالاتصال والجمهورء رسالة دكتوراه غير منشورة» 
جامعة القاهرة» كلية الإعلام» قسم الصحافة. 


ب(ل.2) ,موأوعنا اعلالا انااتأنادع8 0 5انمأعمقط عط! ,(2010) ,ضه5ول ,0نهع8 -ق8 
.10 لفط أمزومطع511 ,0302303 

بالاناؤلالا ,مط ر5عضزاعلان ومولوعز معللا ,(2002) ,قهطناه ,380ل -9 
1/1351 05 عع0نوع0 3 ولاماة001 05 لااعا/ا طأ لع أصصطناك دمأأومء0155ا 
05.مع06 ,اعذ5دناء العأأوع/اامنا عزرلا ,عممع50 /أعأنامصسمتن ما عممعاهمهك 
.5/51 اعأنام 00101 
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الوحدة التعليمية الرابعة 


برامج تصفح صفحات الويب وبرامج تحرير الصور 


العناصر : 


- مقدمة. 

- برامج تصفح صفحات الويب: 

- مفهوم برامج التصفح. 

- نشأة المتصفحات. 

« برنامج 1076ماع 01©1©1|. 

٠‏ برنامج “اماع10 13|أ102/ا. 

- وظائف المتصفحات. 

- برامج تحرير الصور: 

« برنامج مملاوم]0طاط ع26000. 

« برنامج مط ممطاك أصتوط اعم . 


٠ه‏ برنامج 0115للاعا. 
أنواع ملفات الصور : ]| لاط اعاطل. 
أسس اختيار الصور للمواقع الإلكترونية. 


- خاتمة. 
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الأهداف التعليمية 

بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 
1- يشرح برامج تصفح الويب 
2- يحدد الترتيب الزمني لنشأة المتصفحات 
3- يعدد وظائف المتصفحات 


4- يشرح برامج تحرير الصور 
5- يحدد تنسيقات الصور الأكثر استخداماً عبر شبكة الإنترنت 


6- يشرح أسس اختيار الصور للمواقع الإلكترونية 


الكلمات المفتاحية: التصميم - متصفح الويب - برنامج /©107م)<اع 1016/5761 - برنامج 021/(3/ا 
216101 - تحرير الصور - م0آ0105ط2 80066 - معظ ممط5 أملوط اعمن - ك5ارم نعط 
- ملفات الصور - | - قالط - قعطل, 


أولاً: مقدمة: 


4 تخدم برامج تصفح المواقع الإلكترونية» وهي 
البرامج الخاصة بعرض النصوص والصور 
والصوت والفيديوء والملفات المختلفة المخزنة على 


مزودات الويب» وقد صممت هذه البرامج 





© © 


من قبل العديد من شركات البرمجة لتكون بسيطة الاستخدام» وتساعد المستخدمين على عرض 


المعاوبات وقراءقي: 
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وقد أضيفت إلى جانب متصفحات المواقع محركات البحث 55910865 5689/60 التي تساعد في 
الحصول على المعلومات من خلال كتابة عنوان الموقع الإلكتروني ا*الاء أو البحث عن الكلمات» 
واضافة المواقع المفضلة دون الحاجة إلى كتابة العنوان مرة أخرى» وهو ما سيتم التعرض له في هذه 
الوحدة» إضافة إلى استعراض برامج تحرير الصورء وأنواع ملفات الصور الأكثر استخداماً في تصميم 
مواقع الويب» وميزات هذه الأنواع وخصائصها وقواعد استخدامها. 


ثانياً : برامج تصفح الويب: 


يستخدم المتصفح أو المستخدم للمواقع الإلكترونية 
العديد من برامج تصفح الإنترنت» والتي تتفاوت في َ 
إمكانيتها من متصفح إلى آخرء ويعود هذا 





الاختلاف إلى طبيعة الأكواد التي تستخدمها (الرموز التي يتعامل معها كل متصفح) هل هي متوافقة مع 
المواصفات القياسية التي تضعها الشركات العالمية أم لا لذلك تسعى هذه الشركات إلى إظهار إصدارات 


جديدة من المتصفحات تستطيع التعامل مع هذه الرموز بسبب ظهور قياسات جديدة للترميز باستمرار. 


« برامج استعراض الصفحات الإلكترونية الأكثر استخداماً عند المتصفحين. 

وما المتصفحات التي تدعم الأكواد والرموز القياسية. 

© وما نسبة متصفحي الموقع الإلكتروني الذين يستخدمون كل متصفح لتلافي السلبيات التي يمكن 
أن تؤثر في عرض الموقع الإلكتروني بشكل رديءء وأيضاً لكي يتمكن من اتخاذ القرار السليم 
بشأن عملية تصميم الموقع» والاستفادة من المزايا التي يمكن اعتمادها في التصميم» وكيفية 
تنفيذها لتعمل بشكل صحيح مع كل المتصفحات على الرغم من أن المتصفحات الأشهر في 
الوقت الحالي كمتصفح ال ععوامءاع أعمععاما وال “«70ع16 1021103 أصبحت تدعم بعضها 
باختلاف أنظمة التشغيل المستخدمة على أغلب أجهزة المستخدمين» كنظام ال 5/لا00”الالاء 


ونظام ال ثا161105 1/36 وغيرها من الأنظمة. 
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ثالثا: نشأة المتصفحات 


أطلق 6ه ا 110-8607615 أولَ متصفح للإنترنت عام 1991 وهو 


داعالا 1/106 010/الاء وقد صمم هذا المتصفح ليكون محرراً 
لصفحات مواقع إنترنت أيضاًء ثم بدأت المتصفحات بالظهور 
والانتشار. 


وقد بُدئْ في تطوير متصفح 1/0531 عام 21992 وظهر عام 
3 كول متصفح للنصوص فقطهء وكان يدعم أنظمة ال <أللاء 
ثم طور هذا البرنامج حتى أصبح يقبل تصفح الصور ويتعامل مع 
أنظمة التشغيل الأخرى مثل: 5//ا700الالاء 21/36101051 وغد 





5316 طفرة حيث كان يتم تحميله خمسة آلاف مرة شهرياً. 


ثم أطلقت شركة ©1©6156306! عام 1994 متصفحها ١131102101‏ ©2/6156306, وقد كان له أثر كبير 


وفي عام 1995 قامت 1/16/0501 بشراء شركة 50[01355 التي كانت تطور متصفحاً أصبح فيما بعد 
متصفح !01016“ 716176!]» ومع طرح هذا المتصفح بدأت المنافسة بين شركتي ١/1050501]‏ 
و1/6150306!؛ والتي كانت من نتائجها زيادة انتشار المتصفحاتء وزيادة عدد مستخدمي شبكة الإنترنت. 
وكان من نتائجها السلبية عدمُ استخدام المعايير القياسية للترميز» فأصبحت كل شركة تضيف ميزات 
غير قياسية يدعمها متصفح ولا يدعمها المتصفح الآخرء وكان المستخدم لا يستطيع أن يستعرض الموقع 


الإلكتروني إلا بمتصفح واحد. 
وقد استطاعت ]1/10/0501 أن تكسب هذه المنافسة لفترة لأنها كانت تملك حصة كبيرة في أنظمة 
أي متصفح آخر على حواسيبهم؛ واستطاعت حتى عام 1998 أن تحتكر سوق أنظمة التشغيل 


والمتصفحات» وفي أواخر عام 1998 طرحت ١16150306‏ متصفحها كمصدر مفتوح» وقامت بإنشاء 


مشروع 1/0213 الذي يهدف إلى تطوير متصفح 72/815636 اعتماداً على فلسفة البرامج الحرة 


717 


والمفتوحة المصدرء لكن المشروع لم يلق دعماً كبيراً من قبل مطوري البرامج إلا في عام 2002 حيث 
طرح الإصدار الأول منه» ثم ظهرت مشاريع فرعية لهذا المتصفح أشهرها متصفح 218502 1/021(3 
الذي طرح إصداره الأول عام 2004» والذي أصبح منافساً قوياً لمتصفح 01078“ 1016/7©4, ثم بعد 
ذلك ظهر متصفح شركة 600916 عام 2008 والذي يحمّل بالمجان على موقع 600916 وأصبح من 
أقوى المنافسين ل /076ام)اع 4ع 7ع1ما. 


وفي عام 1996 ظهر متصفح ال 006/3 لكنه لم ينجح في الانتشار على نطاق واسعء لكن هذه الشركة 
اشتّهرت أكثر بمتصفحات الإنترنت على الهاتف المحمول. 


أما في عام 2003 فقد أطلقت شركة ©6امم8 متصفح 53180. وابتداءً من عام 2009 أصبح لهذه 
الشركة ما يزيد قليلآة عن 04؟ من سوق المتصفحات بأكملهاء وقد استخدم في الهواتف النقالة بما في 
ذلك نظام التشغيل ©5600اء و8007010 ©او600: و560 2/0113: والمتصفح الأخير الذي طرح في 
السوق لمتصفح 6009016 متصفح 07100776 وكان أول إصدار له عام 2008. 


* مهلا دتررد رك 


2 ه ه ه و هام »معو ]ءاجه 3 






| الصفحة الرئيسية | من تحن | اتصل بنا | أضف للمفضلة م 23:49:48 ! الاثتين 14/12/2015 
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باستخدام 
. 6 
الصفحة الرئيسية خسن علدا مصدر عسكري سوري: الجيش يسيطر على قرية مرج السلطان والمطار في غوطة آخر تحديث 14/12/2015 - 11:45 + 
3 أخبار سورية الآن , 2 دمشق الشرقية ...المزيد 
َ أخبار العالم الآن ١‏ أخبار الرياضة // : 
١ | 11112‏ ا / 
را منتخب سورية الأولمبي يبدأ تحضيراته ... / 017 | 
0000 للمشاركة في نهانيات كأس آسيا لكرة القدم 
-- الشهر المقبل 
تت ا 5 14/12/2015 
الاقتصاد والاعمال دخل لاعبى متتخبتا الأولمبى لكرة القدم أمس »© ليلة الدخلة قي الرياض وسياق الهجن ..والذيج 
حديث الناس في معسكر تدريبى يستمر حتى الحادي العظيم.. .يقلم تارام سرجون 
أخبار الرياضة والشّرين * الطريق إلى الياب العالى.. أوهام 
الثقافة والشباب أردوغانية...خيري متصور/ الاهرام 
0 . 6 : 
قنون و دراما الدوري الإسبافي.. هزيمة مؤلمة لربال * أوطان وأثمان...يقلم يتت الارض 
الصحة و المجتمع مدريد أمام فياربال (فيديو) * سورية يدون ...الجبير؟! يقلم ماجدي 
منوعات 5 14/12/2015 اليسيود 
ل ألحق فريق فيايال الخسارة الثالتة بضيقه 
درجات الحرارة ريال مدريد هذا الموسم وتغلب عليه 0-1 830-1555 12ح 7ملامءع م1 زى بم مهارد 
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لدممع هم طه يرج مم م011 إل ينلد 


> بمعااد6 ععتاك طء للا (ه > 2د فعىكوون؟ (01ل جلو | ميدع جلو 


مقع ,كاه دمن بكعرمع5 بوبيع لا كثروم5 - كثروم5 ممطولا كه 























كنا 52005 5 52 انقانا. ‏ عونا ء# 
للك 5أمم5 اعروع5 5005715 
كاك 
م 8:30 هالا وهل القطاممط لإكهامة] 
5 مجع ,الاككع ,+ا/ل10م وتممامم مدذ دو ) ئغرمم58 اله 
مو مع لاكقاموع]ا 
2 قط ععقاعط نزدننا 5أ ه631ع1/! لذ منماءةط 5ادومء8 كره5دع, 5 اعلم 
00 «أمعمام نيتنا 
ع إلكترونى ع هم 8:30 ب عع ممع اللاو اناك م 
6 ب هدع ,الاك5ء ,لاتههاا 5دااة0 87 كال 
ا ممعع8 مودت ناأدمدءدك أله 20 - 33 يا طوسطمنالم 13 ع0 بدك 
0 عقدن ١‏ 
مفعتو ادناه 
5 20 لد 1 معصصقط اللثى ذ'فط بزحابنا 5" لم3 القطععقط ده ئاعط |الأه عوهع وغوم ققصت لا 
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رابعاً: وظائف المتصفحات 





ومن أهم الوظائف التي تقوم بها المتصفحات: 


1- إمكانية عرض الصفحات على شاشة المستخدم تماماً كما تم تصميمها. 
2- القدرة على التجول بسهولة» فكل متصفح لديه واجهة للمستخدم يجب أن تتكامل مع إمكانيات 
الإنترنت, فكيفية تطبيق هذه الملامح جيداً وعملها معاً في متصفح ما تحدد يسر المتصفح في 


/9 











التجول» وجانب آخر مرتبط بيسر التجول هو القدرة على اختيار وتحديد وتحرير الروابط المفضلة 
وفقاً لتفضيلات المستخدم. 

3- إلغاء عرض الرسوم مما يسرع من عملية التحميل. 

4- توفير خدمة الذاكرة المخبأة /ا1/160701! 036156.: والتي من خلالها يمكن تخزين المعلومات في ذاكرة 
الحاسب بعد الانتقال إلى صفحة أخرىء وعند العودة إلى تلك الصفحة ثانية يتم استدعاء الصفحة من 
ذاكرة الحاسب بدلاً من استدعائها من المصدر الرئيسي على الويب لأن تحميلها أسرع من تحميلها 
من خادم الويب. 

5- سهولة استخدام المتصفح: إذ يحتوي المتصفح على شريط أدوات به أيقونات وأزرار لأهم العمليات 
المتكررة التي يحتاج إليها المستخدم حسب تفضيلاته وعاداته الشخصية. 

6- إتاحة المتصفح للمستخدم تغييرَ حجم حروف الكلمات ونوعهاء ولون الخلفية» كما يستطيع تغيير 
الصفحة الرئيسية التي يتم من خلالها التجول في الويب بمجرد فتح نافذة المتصفح. 

7- يمكن للمتصفح التعامل مع بروتوكولات متعددة أي يمكنه الوصول إلى أكثر من خادم لتوفير 
المعلومات باستخدام مجموعة قواعد للاتصال (بروتوكولات) متنوعة مثل 12] و1115ا. 

8- يمكن للمتصفح الوصول إلى الوسائط المتعددة والنص التشعبي بما في ذلك المواد الغرافيكية» والصور 


والأفلام والأصوات. 


وقد يجد المستخدمون في أثناء انتقالهم من متصفح إلى آخر أن بعض الصفحات لا تُعرض بالشكل 
المطلوبء ولاسيما عند الانتقال من /!1016مكاعا 1516/5761 إلى “1/60 1/102113» وهذا يعود إلى أن 
مصممي المواقع يستخدمون أكوداً لا تتبع للمواصفات القياسية التي وضعتها منظمة 21/1/30 وقد أمكن 
التغلب على هذه المشكلات بوضع امتداد ل “«11©50 71/021113 هو (130 )١‏ يمكن من خلاله تفسير 


1 ©101*ع ١21617761‏ وحل مشكلات التنسيق وترجمة الصفحات. 
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كاسنا : برامج تحرير الصور 


تستخدم الصور على المواقع الإلكترونية بأشكال 

ختلفة» فهناك الصور المستخدمة في تصميم 
كان العونية :وصبود ا 0 لقأ 8 2 
الإخبارية, وَقينها فون الأشكال التي مه #4 110 ذا 


مساحة واسعة من الصفحات»؛ ويرى ١161567‏ 9610ل أن الصور في الموقع الإلكتروني قد تكون 
عائقاً نحو إدراك المضمون وبخاصة إذا اتسمت بالغموض وعدم الوضوح, لذلك تحتاج الصور المعدة 
للعرض على المواقع الإلكترونية إلى العديد من عمليات المعالجة والتحرير التي تساعد المصمم في 
الاستفادة القصوى من ميزات الصور وجعلها أداةً لفهم وادراك المضمون بشكل أفضلء وأداثه في ذلك 
العديد من برامج تحرير الصور ومعالجتهاء والتي يقصد بها البرامج القادرة على حفظ الصور واعادة 
عرضهاء وتغييرها وتبديلهاء واعادة تلوينهاء واضافة بعض المؤثرات الخاصة إليهاء وعندما يستخدم 
المصمم الصورّ على صفحات الويب فإنه يحتفظ بها كملفات منفصلة»؛ ويُضاف إلى الصفحة مؤشر 
501016 يحدد للمتصفح مكان ملف الصورء وفي كل مرة يدخل المستخدم إلى الصفحة يقوم برنامج 
التصفح بتتبع هذا المؤشر لإدراك الصورة المحددة وتضمينها الصفحة ليراها المستخدم» وعندما لا يرى 
المستخدم هذه الصورة فلأن برنامج التصفح لم يستطع الوصول إلى مكان ملف الصور الصحيح, لذا 
يجب التأكد من نشر كل ملفات الصور عند نشر موقع الويب. 





أشهر أنواع الصور: 


- الصور النقطية: عبارة عن مجموعة من النقاط (وحدات البت) الملونة: 


ولا يمكن تغيير حجم هذا النوع من الصور دون التأثير على جودتها: 
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الصور الاتجاهية: والمعروفة أيضاً بالرسوم الاتجاهيةء وهي الصور ايد ؟ 
المصممة من قبل المستخدم» وتتألف من خطوط ومنحنيات تُصمم وفق 
معافلانك رواضنية وتقذها: الحاسي» وبالقالن تيمكن فين حدم هذه الصو 
وشكلها دون تأثر جودتهاء ويمكن استخدام العديد من البرامج لإنشاء هذا 
النوع من الصور كبرنامج ال 050ل/الا أو ال /©/681/ا/ا 0762100 





أو ال ©2399 5/004.: ويّعيب هذا النوع من الصور أنها تظهر بامتداد «ناءاة/! ,0غ661/ :االا/ا 
56 ا وبرنامج التصفح الوحيد الذي يدعم هذه النوعية من الصور هو متصفح 5]6/7©1! 
5 ,1016م“ لذلك يراعي المصمم عند استخدامها توافر هذا المتصفح. أو تحويل الصور إلى نوعية 
أخرى ك 6/5 التي يدعم ظهورّها أغلب برامج التصفح المستخدمة. 


أشهر برامج تحرير الصور على الإنترنت: 


1 - برنامج معالجة الصور م5501405107: 
ويُقصد ببرامج معالجة الصور تلك البرامج التي تتعامل مع الصور المخزنة رقمياً 
في ذاكرة الحاسب حيث لم تعد إمكانات البرامج قاصرة على حفظ وإعادة عرضهاء 
وانما امتدت إلى القدرة على التغيير والتبديل في الصورة سواء في تغيير لونها أم [ اللا تسق 
خلفيتها أم إعادة تلوينها واضافة بعض المؤثرات الخاصة لهاء كالحذف والإضافة 
أو التغيير في ملامحها. 
و20010570 من أشهر وأهم برامج معالجة الصور الإلكترونية والصور الرقمية للكاميرات الجديدة؛ 
التي تحتوي بطاقة ذاكرة 2310© [1/617701؛ تُحمّل عليها الصور بالتقاط معين أو باستخدام فيلم صوّري 
محدد أقصر مما هو عليه في كاميرات الفيديوء وتأتي فعالية هذا البرنامج في قدرته العالية على التعامل 
مع جميع احتياجات المصممين المتعددة والتي تختلف من مصمم إلى آخر. 
ويُستخدم هذا البرنامج بشكل رئيسي لإدخال المؤثرات على الصورة الفوتوغرافية أو الصورة الرقمية؛ 
والتعامل مع الرسوم» إذ يمكن استخدامه لإنشاء رسوم فنية أصلية» حيث يتم تعديل الصور وتحسيثها 
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وإنشاء تصميمات ولوحات فنية (إلكترونية)» وكذلك تصميم الواجهات سواء أكان لمواقع الإنترنت أم 


البرامج أم الألعاب. 


2- برنامج 220 م50 أمأجط اعزه: 

يُعد هذا البرنامج المناف الأقوى ل م517010510, لأنه يمتلك مجموعة 
من الأدوات الاحترافية التي تتيح للمستخدم التحكم بالصور وعمل 
التعديلات المطلوبة عليها كالدمج والقصء» والكتابة على الصور 
والتحرير والتلوين» وعملٍ الكثير من الإضافات عليها من خلال أدوات 
قوية تمكّن المصمم من عمل العديد من الوظائف على الصور مثل: 06 


2 6 


لاجممماع 1 





- القدرة على التحكم في الصور وإدارتها بطريقة سهلة ومبسطة تسمح بالوصول لأي صورة سريعاً 
مع القدرة على تقييمها واضافة المعلومات والوصف عليها. 

- تغيير مكان الصورة وموضعهاء والتحكم في دقة عرضها وجعلها كبيرة أو صغيرة. 

- العمل على إجراء بحث سريع لإيجاد الصور المطلوبة. 

- تعديل الكثير من عيوب الصور مثل العيون الحمراء والشوائب والأتربة» وتعديل الألوان والإضاءة 
وغيرها. 

- إمكانية تدعيم البرنامج بمجموعة متكاملة من المؤثرات المتنوعة. 

- إمكانية استعراض الصور بعد عمل الإضافات والتعديلات عليهاء وحفظها بأي صيغة ممكنة. 


وتكمن مشكلة هذا البرنامج أن الجهاز سيتأثر وتقل سرعته قليلاً بسبب استهلاك البرنامج لموارد الجهاز. 
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3 - برنامج 0115 الاع1آ: 


وقد صُمم هذا البرنامج من قبل شركة 1/136/0776013 لإنتاج أزرار مواقع 
الويب ومختلف الأشكال الغرافيكية» وصّمم خصيصاً لمصممي الويب 
ولاسيما المبتدئون لأنه أسهل وأيسر في التعامل. 


سادساً: تنسيقات الصور الأكثر استخداماً عبر شبكة الإنترنت: 





لا تستطيع برامج التصفح عرض الصور إلا إذا كانت ملفاتها بإحدى التنسيقات المعروفة» وقد أكد 
المصممون أن تنسيقات الصور الأكثر استخداماً عبر شبكة الإنترنت هي الصور ذات التنسيقات: 61 
و6عطل وقللط. 


أولاً: صور ال 02024 عل ققطاء2عاما عأطمهء6 :عاق 


ظهر هذا التنسيق أواخر الثمانينيات من قبل شركة 115©617/6م0107©» وذلك ظ عر 
بصيغة 6187 كإصدارٍ أول» ثم ظهر الإصدار الثاني منه 61989 الذي دعم .| _ 
الصور المتحركة؛ ثم ظهر إصدار61© ليمزج بين الإصدارين السابقين» وقد 
أصبح هذا الإصدار الأكثر استخداماً وشيوعاً على الإنترنت. | 
يتيح هذا التنسيق إمكانية تخزين الصور بخلفيات شفافة» كما يصلح مع الصور 
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القليلة الألوان» كالإعلانات عن الوظائف مثلاًء فهي تصلح للصور ذات التباينات الكبيرة التي تشتمل 


على لون واحد مثل الشعارات» ورسوم الكارتون والأيقونات؛ والأزرار والخطوط والرسوم المتحركة. 


ويحتوي هذا التنسيق على ما يصل إلى 256 لوناء وهي الألوان الموجودة في لوحة جهاز الحاسب. فإذا 
لم يوجد اللون الموجود في الصور في نظام تشغيل هذا الجهازء فسوف يقوم بعرض اللون بتقنية الانتشار 
اللوني من خلال دمج الألوان مع بعضها للاقتراب من اللون المطلوب في الصورة» ويتم الحد من هذه 
المشكلة عن طريق إنشاء الصورة باستخدام مجموعة الألوان الأساسية؛ كما يمتاز هذا التنسيق بإمكانيات 
أخرى يُذكر منها: 
- إمكانية الضغط والتصغير من دون فقد أي تفاصيل من الصورة. 
- إمكانية جعل الصورة شفافة» وذلك من خلال اعتماد أحد الألوان ليكون هو اللون الشفاف عند 
عرض الصورة» ويقوم برنامج التصفح باستبدال هذا اللون بلون الخلفية» وسيسمح هذا بالطظهور 
من خلال الصورة في تلك المناطق» ويعيب هذه الطريقة أنه قد يجعل الصورة ذات حواف 
متعرجة» ويتم معالجتها بأحد برامج معالجة الصور مثل برنامج ال م56010500 ©00م. 
- استخدام العرض المتداخل: يقوم المتصفح باستقبال الصورة ذات التنسيق 615 دفعة واحدة» على 
عكس ما يحصل مع أنواع الصور الأخرى؛ صحيح أن كثافتها تكون أقل وبالتالي وضوحها أقل» 
لكن برنامج التصفح عندما يستكمل تنزيلها سيزيد من الوضوح حتى تبلغ الحد الأقصىء وهذا يتيح 
للمستخدم الفرصة ليقرر إذا كان سيكمل تصفح هذه الصورة أم لا. 
- جعل الصورة متحركة: يمكن إضفاء نوع من الحركة على هذا النوع من تنسيق الصور عن طريق 
تنظيم سلسلة من اللقطات الثابتة» وعرضها بسرعة لتعطي الإحساس بأنها صور متحركة. 
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ثانياً: صور ال منا670 5أنءماع عءأطام2وم0امطط أوأمل :بقع صل 


م عومعدويه وات لعغقمنمة انقءغ5د1 برأعمرموعهويم 10 قاعلنا د ل 
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يُعد هذا التنسيق أحد خيارات عرض الصور ذات التدرج اللوني المستمر على صفحات الويب» ويستخدم 
أسلوبت ضغط البيانات ما يؤدي أحياناً إلى فقد بعض البيانات من ملفات الصورة الأصلية والتأثير على 
جودة الصورة» لكن عملية التنصغير ضرورية على صفحة الويب لتقليل زمن التحميل» ويتيح هذا التنسيق 
بعض الميزات والإمكانيات منها: 


ع 


- يلائم هذا التنسيق الصور الفوتوغرافية أكثر من الشعارات أو النصوص المزخرفة والتي تحوي 
ملايين الألوان» وتحتاج إلى الدقة والجودة العالية في درجة الألوان والوضوح. 

- يستطيع هذا التنسيق التعامل مع عدد من الألوان أكثرٌ مما يتعامل معه تنسيق ال 615 الذي 
يتعامل مع 256 لوناً» أما هذا التنسيق فيستطيع التعامل مع 16.7 مليون لون (ستة عشر مليوناً 
وسبعمئة ألف لون) بعمق لوني درجته 24 بتء لذلك فهو يستطيع التعامل مع الصور ذات 
التدرجات اللونية المعقدة. 


أما عيوب هذا التنسيق» فتتلخص في كون الصور التي تحمل هذا الامتداد لا يمكن وضعُها على صفحة 
الويب إلا في شكل مربع حتى لا تتأثر كفاءة الصورة وجودثهاء كما لا يدعم هذا التنسيق الصور 
المتحركة. أو جعل الصور شفافة» وعند القيام بعملية ضغط ملفات هذه الصور فسيحصل فقدٌ في بيانات 


هذه الملفات» ولكن قد لا يشعر المستخدم بها كثيراً. 
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ثالثاً: صور ال ءألام663 ىلمعلا عءاطورمم :قلرم 


يُعد هذا التنسيق من أفضل الطرائق لتقديم الصور عبر صفحات الويب» وقد 
استطاع أن يتلافى عيوب التنسيقين السابقين» لكن مشكلته تكمن في كونه 
غير مدعوم من جميع برامج التصفح. 

6ل فاستطاع أن: 





» يدعم الصور ذات الألوان القليلة» والصور ذات الألوان الكثيرة. 

« التغلبت على مشكلات ضغط ملفات الصورء واعادة فك الضغط من دون أن تتأثر جودة الصورة 
وعلى الرغم من اتفاق المصممين على أن هذه التنسيقات الثلاثة هي الأشهر والأكثر استخداماً» وهي 
التي تدعمها أكثر برامج التصفحء لكن لا بد من التذكير أن هناك تنسيقات أخرى للصور مثل صور ال 
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“/ا/ا5» وصور الفلاشء لكنها مازالت تعاني من عدم دعم كل المتصفحات لهاء وتعاني من مشكلات في 
عملية الضغط وفكه إذ تتأثر بياناتها بشكل كبير. 


سابعاً: أسس اختيار الصور للمواقع الإلكترونية: 


يعتمد المصمم في اختياره لعرض الصور على المواقع وصفحات الويب على مجموعة من القواعد 
والأسس, يُذكر منها: 


1- يجب أن تكون الصور الصغيرة كالأيقونات والأزرار» وعينات الصورء والصور التي ثستخدم 
كخلفيات» من نوع الصور المترابطة يتم فتحها مرة واحدة وليس تدريجياء كما يجب استخدام 
الصور ذات التنسيق 315 في تصميم الشعارات والأيقونات. 

2- الالتزام بالنسبة للصور بجدول ألوان الويب والذي يحتوي على 216 لونأء ويستطيع برنامج 
التصفح عرضها على الرغم من وجود بعض برامج معالجة الصور كال 200105107 الذي 
يستطيع التعرف على الألوان الموجودة في الصور والتي لا تظهر على الويب بألوانها الأصلية 
كما يمكن استخدام صور ال 615 التي تحتوي على 216 لوناً ويعرفها متصفح الويب . 

3- استخدام الصور ذات التنسيق 56ل في الصور التي تزيد مساحتها عن 200200 بيكسل» 
واستخدام الصور ذات التنسيق 615 في الصور التي تقل مساحتها عن 200200 بيكسل» 
وسبب ذلك أن قدرة صور ال 614 على الضغط وتقليل المساحة من دون تأثر جودتها أكبر. 


4- الاختيار بين نوعين من الصور الاتجاهية: صور ال 760610 التي تتكون فيها الصورة من 
تتكون من شبكة من النقط (البيكسلات)» ولا تتكون من مساحات لونية. 


5- الاحتفاظ بنسخ احتياطية من الصور التي سُعرض على صفحة الويب قبل إجراء أي تعديلات 
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خاتمك4: 
ضمت قائمة برامج التصفح مجموعة من البرامج التي تساعد المستخدم على الانتقال من صفحة إلى 


أخرى في الموقع نفسه وفي مواقع أخرىء. ومن أشهرها برنامج ال 1067ماع 1016564 وبرنامج ال 


مع المواصفات القياسية وبعضها لا وتقوم هذه البرامج بتحقيق العديد من الوظائف إضافة إلى إتاحة 


الانتقال بين الصفحات: وتسهيل الاستخدام» وعرض النصوص: والصور والملفات المختلفة. 


أما قائمة برامج تحرير الصور فقد ضمت مجموعة من البرامج التي تساعد في تعديل ودمج وقصء 
وتغيير وتبديل ألوان الصور بأشكالها وأنواعها المختلفة» من صور إخبارية ورسومء وأيقونات وشعارات» 
وقد تنوعت تنسيقات هذه الصور بين ال 615 وال 06ل وال 8006» ويعلم المصمم إمكانية استخدام كل 
نوع من أنواع هذه التنسيقات لتحقيق أغراض وأهداف مختلفة نظراً لاختلاف خصائصها وميزاتهاء وطبقاً 
للقواعد والأسس المعروفة في اختيار الصور وعرضها على الويب. 
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موي 


الخلاصه 


يستلزم لرؤية صفحات المواقع الإلكترونية والتنقل بينها وبين الصفحات الأخرى خارج الموقع نفسه 
استخدامُ برامج التصفح المتخصصة بذلكء وقد ظهرت أولى هذه البرامج مع ظهور خدمة الويب وبداية 
انتشارهاء فكانت شركة 1/10050116 الرائدة في هذا المجال من خلال متصفحها الشهير أ©6/7]ما 
1061م الذي ترافق مع نظام تشغيلها الشهير 170011/5//اء ثم تبعتها شركة 76150906 التي أطلقت 


برنامجها 121670 110213 الذي أصبح فيما بعد من أشهر برامج التصفح وأكثرها استخداماً. 


وفي الأغلب لا تتوافق برامج التصفح المستخدمة مع بعضها في عرض العديد من المواقع» لذلك يسعى 
المصممون دائماً إلى التعرف على المتصفحات الأكثر استخداماً لدى مستخدميهم لتلافي السلبيات التي 
يمكن أن تظهر نتيجة تفاوت إمكانية العرض بين هذه المتصفحات. 


أما برامج تحرير الصورء فقد ظهرت وتطورت العديد من البرامج كبرنامج 00تاوه4مطط هطاه0م, 
وبرنامج 0115//ا116أآء ولكي تُعرض هذه الصور على المتصفح يجب أن تكون بصيغة ال: 5|© أو 
قلاط أو فعطل. 
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اختر الإجابة الصحيحة: 


من تنسيقات الصور المستخدمة في العرض على الويب: 


6. صور ال 6أ6. 
8. صور ال 6ط6. 

6. صور ال 6©]ظل. 
5 (6(16) ضهيحان: 


8. (8) فقط صحيح. 


“]. الإجابة الصحيحة: 0 (8) و(0) صحيحان. 


ظهر برنامج 0101767 01617©1! في عام: 


6. 1904. 
6 1993. 
0. 1995. 
ما. 1996. 


الإجابة الصحيحة: © 1995 
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صور ال 26ل أفضل في عرض الصور الصغيرة والشعارات» والأيقونات الصغيرة. 


مضنت 
8. خطأ 


الإجابة الصحيحة: 8 خطأ 


ده 
8. خطأ 


الإجابة الصحيحة: 8 خطأ 


الصور النقطية تتكون فيها الصورة من مساحات ملونة» ولا تتأثر إذا ما تم تكبيرها أو تكبير جزء منها. 


ره 
8. خطأ 


الإجابة الصحيحة: 8 خطأ 
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الوحدة التعليمية الخامسة 


العناصر: 


مقدمة. 

عناصر تصميم صفحة الويب: 
كتلة المحتويات 8106012 وأ أ0019). 
شعار الموقع 000 ا. 

الإبحار 031/190231101. 

المحتوى 01ع00171. 

الهامش العلوي 5001©1. 

المساحة البيضاء ©026م1]85لالالا. 
الأرضية 000ا6!101. 

النقطة أمأ520. 

الخط ©0أا. 

الشكل ©52306. 

النموذج 010آ. 

اللون 60101. 


خاتمة. 
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الأهداف التعليمية 
بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 


1- يشرح مواصفات مستخدمي مواقع الويب 

2- يعدد عناصر التصميم 

3- يحدد نماذج إدراك الألوان 

4- يشرح نظريات الألوان التي تفسر وجودها 

5- يحدد مجموعة الألوان التي صنفت على عجلة الألوان 


6- يحدد أسس وقواعد استخدام الألوان 


الكلمات المفتاحية: التصميم - عناصر التصميم - النقطة - بيكسل - البنية - الخط - الشكل - 
المساحة - الأرضية - النموذج - اللون - نموذج 868 - نموذج 158 - تشبعات اللون - شدة اللون 


- الوضوح - نظريات الألوان - نظرية الضوء - نظرية >ا/ا/1!© - عجلة الألوان. 


أولاً: مقدمة 


تعني عملية تصميم صفحة الويب تطبيقَ الأسس والطرائق المتبعة في التصميم عموماً للوصول إلى تلبية 
الاحتياجات الفردية» أو الجماعية» للمستخدمين» بمعنى هي طريقة لعرض محتوى الصفحة من نصوص 


وصور ورسوم وألوان بأسلوب بسيط وجذاب لإثارة الانتباه وجذب الاهتمام. 


وترتبط عملية التصميم بالعديد من العوامل المتعلقة بالمستخدمين أنفسهمء وما يرتبط بها من آلية الإدراك 
البصري للأشياء عندهم,؛ والقدرات العقلية والنفسية التي تميزهم» وكذلك الفروق الديموغرافية والشخصية» 
كالنوع والعمر» والمستوى الثقافي والاجتماعي وغيرهاء لذلك على المصمم أن يكون ملمّاً بهذه العوامل 
والفروقات» وأن يعمل على خلق تصميم يتناسب وكل الميزات والخصائص التي يتمتع بها المستخدمون. 
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وقد أظهرت الدراسات أن المستخدمين يفضلون المواقع البسيطة الواضحة السهلة الإدراك وغيرز 
المتشابكة» والتي تقدم لهم المعلومات التي يبحثون عنها بأسلوب منطقي وثابت للتجول في صفحات 
الموقع» أي أنهم يفضلون المواقع التي تستطيع أن توظف عناصر التصميم بشكل يتناسب مع حاجاتهم 
وتفضيلاتهم؛ ومن هذه العناصر: التكوين العام» والنقط والخطوطء والأرضيات والمساحات البيضاءء 
والنصوص والصورء والشعارات والأيقونات» والألوان وغيرها من العناصر التي سيتم التعرض لها 
بالتفصيل في هذه الوحدة. 





يراعي المصممون في أثناء تصميمهم للمواقع أنها 
لن تقوم بتقديم المعلومات لهم بسهولة فقطء لكنها 
إضافة إلى ذلك تتميز بالجاذبية والجمال» والا 
فإنهم سيعرضون عن استخدامهاء لذا فإن عناصر 
تصميم الموقع يجب أن توظف بشكل متكامل 


بحيث تتحول إلى محفز قوي للاستخدام» ويَعرف 





- هؤلاء المصممون أن المستخدمين: 
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- ينظرون إلى الوقت اللازم لعملية تصفح صفحة الويب للحصول على المعلومات على أنها واحدة 
من العوامل الأساسية في نجاح التصميمء لذلك على التصميم ألا يكون عائقاً بين المستخدم 
وحصوله على المعلومات. 
- يرغبون بأن تكون أدوات التجول والإبحار واضحة تساعدهم على التعرف على الصفحات التي 
يريدون الانتقال إليها في الموقع مع الأخذ بالاعتبار ألا تبرز على حساب المحتوى المعلوماتي 
للموقع. 
- يعتبرون أن كل صفحة من صفحات الموقع هي جزءٍ منهء وبالتالي يجب ألا يختلف تصميم 
الصفحة الرئيسية عن تصميم الصفحات الداخلية» من حيث توزيع المعلومات والمظهر الجمالي 
الذي يجب أن تتمتع به. 
ويستخدم المصمم مفردات لغة الشكل المرئي وهي عناصر التصميمء» والتي سميت بذلك نسبة إلى 
إمكانياتها المرنة في اتخاذ أي شكل يمثل تكويناًء وقابليتها للاندماج والتآلف والتوحد فيما بينها لتكوين 
شكل كلي للعمل المُصمّم؛ وعناصر التصميم هي المكونات الأساسية المستخدمة كجزء من أي تشكيل» 
وهي عبارة عن مواضيع مرتبطة بأجزاء» وفي معظم الحالات عناصر التصميم يبني كل منها الآخرء 
والعنصر المتكون يساعد في خلق العنصر الثاني وهكذا. 


ثالثاً: عناصر التصميم 


توجد مجموعة من العناصر التصميمية التي يعتمدها جميع المصممين المحترفين في مختلف 
تخصصاتهم والتي تنطبق على تصميم صفحات الويب خاصة» والتي يتمتع كل عنصر منها بدرجة من 
الأهمية في تحديد مظهر الموقع وروحه: ويمكن استعراض هذه العناصر على النحو الأتي: 


1 - كتلة المحتويات >ا©5106 6011131010: 


لكل صفحة ويبء ما يمكن أن يُطلّق عليه (الحاوية) أو ما يطلق عليه بعض الباحثين التكوين العام 
للصفحة؛ء وهي المساحة المحدودة التي تحدّد في أثناء التصميم» والتي من خلالها يظهر الموقع في كامل 


الشاشة» ويجب أن تضم عناصر الصفحة ومحتوياتهاء ويجب أن يصمّم هذا التكوين بحيث يكون إما 
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مرناً يتسع مع اتساع صفحة المتصفح.ء أو ثابتاً لا يتغير كما في الصحيفة الورقية» فكتلة المحتويات أو 
تكوينها العام هو قطع الصحيفة بالكامل أي كامل التصميم إضافة إلى الفراغات البيضاء المحيطة 
بالتصميم؛ ويمثل التكوين العام هذا المجال المرئي في مساحة شاشة العرض للموقع الإلكتروني. 


2- شعار الموقع 000 ا: 


أيضاً لكل صفحة ويب هوية خاصة يحددها شعار هذا الموقع؛ وأحياناً لونه» كما هي العلامة التجارية 
لأي منتج أو سلعة» وغالباً ما يوضع هذا الشعار في أعلى صفحة الويب» ويفيد هذا الشعار - إضافة 
إلى منح الموقع أو الصفحة هويتها الخاصة - في مساعدة المستخدم في التعرف على الصفحات التي 


3- الإبحار 1[318102314101: 


يتوقع المستخدم أن يجد أدوات الإبحار في الغالب في الجزء العلوي الأيمن من الصفحة سواء استخدم 
المصمم قوائم أفقية أم عمودية» لذا يجب أن تكون هذه الأدوات واضحة وبسيطة» وفي الغالب في رأس 
الصفحة, أو أعلى ال 010 وهو تعبير يستخدمه المصممون للإشارة إلى المحتوى أو المضمون الذي 
ينتهي على الشاشة قبل أن يزلق أو يسحب المستخدم الشاشة إلى الأسفل. 


اديه ملام علو أ/عممه ب /طاءونه.كدقء. اسن 5] ١‏ © »4 


(ه||اا/ ١‏ مركزدراسات 
الوجدة العربية 
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4 - المحتوى 60111611: 


وهو من أهم العناصر التي يبحث عنها المستخدمون»؛ ولهذه العناصر أصلاً يدخل المستخدمون إلى 
الموقع» فإن لم يجدوا ما يريدونه من نصوص ومحتوى معلوماتي فإنهم سيخرجون بسرعة؛ لذلك على 


المصمم أن يضع المحتوى النصي في المكان الذي يُعد بؤرة التركيز والاهتمام لدى المستخدمين. 
5- الهامش العلوي 00161!: 


ومكانه أعلى صفحة الويبء, وعادةً ما يحتوي على عبارات: حقوق النشرء الاتصال بالموقع: المعلومات 
القانونية المتعلقة بالمعلومات المنشورة في الموقعء أقسام الموقع الرئيسية» ولكونه الجزء الفاصل بين أعلى 
الصفحة ومنتصفها يجب أن يميّز بالنسبة للمستخدم لكي يصبح واحداً من المؤشرات التي تدله على 
أعلى الصفحة. 


6-المساحة البيضاء ©2366 5ع71الالا: 


وهي الحيز الفارغ من صفحة الويب الذي لا يحتوي عناصر تيبوغرافية أو غرافيكية» والذي يعمل المصمم 
عليها كورقة الرسم أو صفحة الجريدة أو المجلة» وتلعب المساحة البيضاء دوراً أساسياً في التكوين» فهي 
وسيلة لإراحة عين المستخدم من إجهاد التصفح وأداةٌ بيد المصمم للفصل بين المواد والموضوعات 
وتنظيم العلاقة بينهاء مع ملاحظة عدم المبالغة في استخدامهاء والعمل على تحقيق التوازن في استخدام 
المساحات البيضاء والمعلومات الخلفية وضوابط شاشات العرضء فالزيادة في العرض تجعل للمساحة 
آثاراً جانبية مؤثرة لكون العرض أكثر إجهاداً للنظر ويبطئ مسح العين للمحتوى كزيادة الهوامش حول 
العناصر وكثرة الحدودء وحشد العناصر بعضها مع بعضء وقلة المساحة البيضاء بين السطور. 

وقد وجد المصممون أن استخدام المساحة في الموقع الإلكتروني بالعرض غير مرغوبة على عكس 
استخدامها بالطولء إلا إذا زادت عن مقدار ثلاث شاشات لأن المستخدم غالباً ما يهتم بالمجال المرئي 
للتصميم ونادراً ما يُنزل نظره إلى الأسفل. 

وفي التصميم ثنائي الأبعاد تشير المساحة البيضاء إلى كل من العمق الوهمي والحيز الذي يُمكّن 
المصمم من التلاعب في التكوين حيث يعطي العمق الوهمي للمساحة قوة وديناميكية وعمقاً في الرؤية 
داخل التكوين. 


09 


ترتبط المساحة أو الفراغ على الإنترنت : 
©« بدقة شاشة الحاسوب ونوعها وامكانياتها التقنية. 
بمتصفحات صفحة الويب التي تختلف في أبعادها وقابليتها لاستيعاب الألوان وأحجام العناصر 
المكونة لصفحة الويب والخطوط المعتمدة في الكتابة» والتي يمكن أن يتلاعب بها المستخدم 
بطريقة تفاعلية من دون تدخل المصمم. 
ولذلك يتوقف الاستغلال الجيد للمساحة على مدى معرفة المصمم لأنواع المستعرضات وأحجام الشاشات 
| تقبلة وخصائ 1 لدى | تقبلير لبت 5 من وصول الموقع إلى جمد | 6.6 مين من خلال 
مستعرضاتهم وشاشاتهم المختلفة. 


7-الأرضية 6101010: 


وتُعرف أيضاً بالمساحة السالبة» وهي مساحة الصفحة من دون أي شكل أو رسمء وقد تكون بيضاء أو 
بأي لون آخرء وقد تكون الأرضية عبارة عن نقش يُستخدم كخلفية للمحتويات والرسوم التي عرف 


بالمساحة الموجبة» ومثال على ذلك أن الفراغات حول النص ليست بالضرورة أن تكون خلفية فقد تكون 


صفحة الويب هي الأرضية. 


ممم .ا 


حصت 1 


8-النقطة )مزمط: 
كما تكوّن مثات ال 815غا صورة أو رسماً ما على 
شاشة الكمبيوترء فإن النقطة هي العنصر الأساسي في 
التصميم المرئي» والنقطة عنصر ليس له مقياس أو بعد 


إلا إذا حُسبت من إطار ما أو مرجع ماء فالنقطة في 





لوحة ضخمة قد يكون لها حجم وبعد واضحان؛ وهي علامة موجودة في الفراغ ومحددة الموقع؛ وهي 
هده كنكل أن توفر العلاقة بين السلبية والإيجابية ف الفراغ» وعندما تجتمع نقاط عدة مع بعضها 
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بعضاً فإنها تكوّن ما يُعرف بالإغلاق في نظرية (الجشطلت)! حيث يقوم المخ بعملية إكمال الفراغ؛ وربط 
هذه المجموعة من النقاط لسد النقص وتكوين خط أو شكلء أو حتى لوحة متكاملة. 


وهناك علاقة قوية بين النقطة وال |26 (أصغر وحدة قياس في الشاشة الإلكترونية)» وهي واحدة من 
مئات الآلاف من النقاط على شاشة جهاز الكومبيوترء فإذا كان حجم شاشة الكومبيوتر 1260:1024 
بكسل مثلاًء فهذا يساوي 1310720 5اع<اأط على الشاشة» وهو ما نسميه (نقطة) في التصميم البياني» 


وال ا©أ5 هو أساس الصور والرسومات الرقمية» وكل نقطة في شاشة العرض تمثل اع“اط. 


9-الخط 1 ا: 


هو مجموعة من النقاط المتصلة» ويرمز إلى اتجاه 
ويدل على حركة أو يحدد حدوداً أو أشكالة ويتمتع 
بخمس صفات هي: الطول والعرضء» والانحناء 
والعمق والنقش. 

وتُعد الخطوط أكثر العناصر شيوعاً في تصميم 
الرسومات» وهو من أهم العناصر التعبيرية على 
شبكة الويب: 





« عندما يكون الخط مائلاً يعطي الإحساس بالحركة والإثارة والطاقة. 


'الجشطلت 6654314117601165: وهي مجموعة النظريات المتخصصة في الإدراك الحسي والنفسي» والتي تبحث في 
كيفية التعامل مع الدماغ البشري وتنظيم المحلومات المرئية إلى فثات ومجموعات» وتحتي كيفية تعامل الدماغ البشري مع 
الكل بشكل مترابط» وتتكون الأجزاء المكونة له في ترابط ديناميكي فيما بينها من جهة» وبين الكل نفسه من جهة أخرى. 
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« عندما يكون أفقياً يولّد الإحساس بالترتيب والتمييز. 

عندما يكون الخط ذا زوايا حادة يعطي شعوراً بالخطر. 

« الانحناء والالتفاف اللطيف والتعرج للخط» يعطي شعوراً بالارتياح والسلاسة. 
٠‏ الخطوط ذات الزوايا القائمة تعطي طابعاً ميكانيكياً. 


« عندما تكون الخطوط ذات منحنيات وزوايا متقطعة تعطي شعوراً بأنها معبرة جداً مثل خط اليدء 
والكتابة على الجدران والمخططات. 


000 الخطوط إما على الورق عند الرسم أو عمل المخططات المبدتية للموقع» واما تقنياً عن 
ريق الكمبيوقر من خلال شاشة العرض: 
0- الشكل ©51236: 
قف النقطة والخط: والمخططل: الليقة "الأساسية كرون 0 
الأشكال» وعندما تلتقي نهايتا خط ما يصبح شكلاًء © 


فالنقطة هي أصغر جزء على الصفحة» وأصغر جزء في 


الشكل» يليها الخط المغلق أو المتصلء والشكل عنصر 0 
ثنائي الأبعاد يتكون من مساحة وحدود وعرض وارتفاع» 


ويمكن أن يكون الشكل هندسياً كالمثلث والمربع والدائرة.. وغيرهاء أو يكون على هيئة أشكال حرة ذات 
انحناءات وخطوط خارجية غير منتظمة. 


يُخلق الشكل الهندسي كالدوائر والمثلثات والمستطيلات والأسهم والنجوم وغيرها من العلامات والأشكال 
عند التقاء نقطتي البداية والنهاية لخط ما لتكوين الشكل الهندسيء وهذه الأشكال تعطي إيحاءً بالتقنية 
والميكانيكية» أما الأشكال الحرة فتسببها المنحنيات والزوايا العشوائية» وهي أشكال حرة مجردة من الشكل 


الهندسي تنقل الإحساس غير الرسمي والعفوية» وقد تكون أشكالاً هندسية تحولت إلى أشكال حرة. 
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ويرتبط الشكل بالأرضية التي يُرسم عليهاء وتشكل / 8 0 أ ا 
هذه العلاقة أساس مفهوم الإدراك البصري للأشكال 

والأشياء» إذ لا يمكن رؤية الأشياء كأشكال إلا إذا 1 
فُصلت عن الأرضية أو الخلفية» فالأشكال تكون 5 
أبرز من الخلفية» ويمكن تحديد الفرق بين الشكل 
والأرضية كما يلي: 





- يُرى الشكل وكأنه خارج من الأرضية لكونه موجوداً عليها. 

- تبدو الأرضية خلف الشكلء فلا بد من أن تكون صورة معينة مستمرة» بحيث تبدو للمستخدم 
والمشاهد خلف الشكل. 

- يوحي الشكل بمعنى ماء في حين تبدو الأرضية ليس لها معنى نسبياً. 

- يمكن للمشاهد أو المستخدم رؤية الشيء نفسه كشكل أو كأرضية اعتماداً على كيفية توجيه 
انتباهه. 


1- النموذج 0110!: 


© 9ه 4 هه 


وهو شكل ثلاثي الأبعاد يتكون من شكلين أو أكثرء وله ارتفاع وعرض وعمقء ويتحدد النموذج في أربعة 
اناج أسانية فى التصيم :هي 3 الكزة والتكعيف :وا لاليتلوانة والمقروظ : ويستفم الرييام الاريات اللؤدية 
والظلال للحصول على تأثير النموذج. 





103 


2- اللون 60101: 





هو الاستجابة السيكولوجية للمدركات» وهو إحساس وليس مادة يتكون من رد الفعل الفيزيائي للعين 
والتفسير الأتوماتيكي لاستجابة العقل لخصائص طول موجات الضوء عند مستوى وضوح معينء فاللون 
إذا عبارة عن تأثير فسيولوجي خاص بوظائف أعضاء الجسمء وناتج عن شبكية العين عن طريق المادة 


الصبغية» أو عن طريق الضوء الملون الساقط على العين. 


رابعاً: نماذج إدراك الألوان 





نتيجة التداخل الضوني للألوان 
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هناك نموذجان رئيسيان لإدراك الألوان: الأول خاص بالكمبيوتر نموذج 868, والآخر خاص 
بالمستخدمين نموذج 158]: 


أولاً: نموذج 868 : 


يضم هذا النموذج الألوان الأساسية الثلاثة التي يتم 
عرضها على شاشة الكمبيوتر وهي: الأحمر 
والأخضر والأزرق» وتحتوي هذه الألوان على 
مجموعة من القيم اللونية» وكل لون من هذه الألوان 
له ست درجات» وبالتالي يكون حاصل ضرب 
6- 216 لوناً. وعندما تمتزج هذه الألوان 
بنسب متساوية تعطي اللون الأبيضء. أما إذا 


امتزجت بنسب منخفضة فستعطي اللون الأسود. 


الالوان المكمله 





وتمتد قيم هذه الألوان من صفر إلى 255 درجة لونية» وبالتالي يمكن الحصول على 
6-» 16.777.216 درجة لونية» وهو أكثر مما تستطيع عين الإنسان تمييره» حيث 
يميز الإنسان نحو عشرة ملايين درجة لونية كحد أقصى. 
كانت شاشات الكمبيوتر القديمة تقوم بعرض الألوان عن طريق اندفاع الإلكترونات صوب الشاشة» 
والمادة الفوسفورية المطلية بها الشاشة» إذ يُدفع ثلاثة ألوان رئيسية: الأحمر والأزرق والأخضرء وكل 
بيكسل على الشاشة ملون أيضناً بالألوان الأساسية الثلاثة: 

عندما تندفع الإلكترونات الحمراء تنشط النقاط الحمراء» وبالطريقة نفسها تنشط النقاط الزرقاء 


« أما الألوان غير الأساسية فتنشأ عن اندفاع لونين أساسين» وظهور الألوان غير الأساسية كاللون 
الأصبفر هكد 
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٠‏ أما اللون الأبيض فينشأ عن اندفاع ثلاثة ألوان» والأسود يعني عدم اندفاع الألوان. 


ثانياً: نموذج 158!: 
يتعلق هذا النموذج بإدراك المستخدمين للألوان» ويتكون من ثلاثة عناصر: شكل اللون والإشراق (التشبع 
اللوني) والوضوحء وتسمى ألوان هذا النموذج بالألوان المدرّكة أو الألوان الذاتية: 
- شكل اللون أو الصبغة اللونية: وهو اللون المنعكس من الشيءء فهو اللون الفعلي الذي 
يتعامل معه المستخدم مثل الأحمر والبرتقالي والبنفسجيء» ويحتوي شكل اللون على كل 
الألوان الواقعة في نطاق ألوان الطيف السبعة وهي: الأحمرء البرتقالي» الأصفرء الأخضر » 
الأزرق» السماويء البنفسجيء ويقاس شكل اللون من الدرجة صفر إلى 360 حول عجلة 
الألوان» حيث يأخذ اللون الأحمر القيمة صفرء واللون البنفسجي القيمة 360. 
- الإشراق أو التشبع اللوني: وتسمى أيضاً كروما 057101713» والتي تعني نقاء أو صفاء اللون 
أو كثافة وشدة اللون» أي كمية اللون الموجودة في عملية مزج الألوان» فاللون السماوي ينشأ 
من مزج اللون الأزرق بالأبيضء ولزيادة إشراقه وشدته يُزَاد الأزرق قليلاًء كما تعتمد شدة 
اللون أيضاً على معدل التدفق في كل طول موجي للضوء الذي يتضمن اللون. 
- الوضوح: وهو درجة إضاءة أو إظلام» أي هل اللون فاتح أم داكن» فيكون اللون داكناً إذا 
زادت إضاءة اللون الأسودء ويكون مضيئاً إذا زادت إضاءة اللون الأبيضء ويقاس وضوح 
اللون بدرجات من الصفر إلى المئة» والصفر يدل على اللون الأبيض والمئة تدل على اللون 
الأسود. 
وقد توصل الباحثون حول تحليل العواطف والآثار 
السلوكية التي تحدثها الألوان في نفوس 
المستخدمين إلى مجموعة من النتائج التي وؤظفت 
عند اختيار الألوان وتدرجاتها في تصميم المواقع 
للوصول إلى التأثير المطلوب عند المستخدمين؛ 





نتيجة التداخل الضوني للألوان 
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وتدل النتائج على أن الألوان تُحدث التأثيرات التالية: 


الأحمر: يؤدي إلى تحفيز الأدرنالين في الدم» وهو من الألوان المثيرة الدرامية والغنية» وهو 
لون العواطف ومشاعن الحب. 


البرتقالي: وهو من الألوان الحيوية التي تمد بالطاقة والسعادة» والحماسة والإبداع» ويساهم 


في فتح الشهية. 
الأصفر: وهو أيضاً من الألوان الحيوية» ويؤدي إلى الإحساس بالنشاط والسعادة والحركة 
والحذر. 


الأخضر: ويرتبط بالطبيعة» فيعطي إحساساً بالنضارة والأمل» وهو أقل نشاطاً من الألوان 
السابقة. 

الأزرق: وهو من الألوان المفضلة عالمياً لارتباطه بالسماء والبحار والمحيطاتء وهو يرمز 
إلى الانفتاح والذكاء والإيمان» ويُستخدم في تهدئة النفس وتخفيف الشهية. 

البنفسجي: وقد ارتبط هذا اللون بالملّكية والسلطة والثروة» والزهور والأحجار الكريمة» لكنه 
أل الألوان استخداماً. 

الأبيض: ويرمز إلى السلام والطمأنينة» والصفاء والنقاء» والفرح والنظافة. 


الأسود: ويرمز إلى الموت والشرء والسلطة والقوة والرشاقة على حد سواء. 


خامساً: نظريات الألوان التى تفسر وجودها 

نظراً لما تؤديه الألوان من تأثيرات فعالة لكنها متباينة إلى حد كبيرء فقد توصل الباحثون إلى وضع 
نظريات للألوان تفسر وجودهاء وكيفية تفاعلها معاً عند مزج لونين أو أكثرء وهذه النظريات هي: 

أولاً: نظرية اللون: 


تقوم هذه النظرية على مجموعة من الأفكار الأساسية» وهي: 


اللون الأبيض: لونٌ عديم اللون. 


يظهر اللون الأسود عند مزج الألوان الرئيسية الثلاثة: الأحمر والأزرق والأخضر. 
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إضافة اللون الأبيض إلى أي لون يؤدي إلى تفتيحهء وإضافة اللون الأسود إليه يؤدي إلى 
قتامته. 

مزج اللون الأحمر مع اللون الأصفر يعطي اللون البرتقالي» ومزج اللون الأحمر مع اللون 
الأزرق يعطي اللون البنفسجيء ومزج اللون الأصفر مع اللون الأزرق يعطي اللون الأخضر. 


ثانياً: نظرية الضوء: 


تقوم هذه النظرية أيضاً على مجموعة من الأفكار الرئيسية التالية: 


اللون الأسود هو اللون عديم اللون» وعند عدم وجود إضاءة فلن يظهر أي لون. 

مزج الألوان الأساسية الثلاثة: الأحمر والأزرق والأخضرء سيؤدي إلى ظهور اللون الأبيضء» 
وهو ما يتفق مع نظرية إسحق نيوتن الذي قال إن مزج كل الألوان يؤدي إلى ظهور اللون 
الأبيضء وهو ما يعرف بنظرية 068]. 

إضاءة المصباح الأحمر والمصباح الأزرق تؤدي إلى ظهور الضوء البنفسجي. 

إضاءة المصباح الأحمر والمصباح الأخضر تؤدي إلى ظهور الضوء الأصفر. 

إضاءة المصباح الأزرق والمصباح الأخضر تؤدي إلى ظهور الضوء القرمزي. 

تنتج الدرجات اللونية عن اختلاف شدة إضاءة كل لون على حدة» وتختلف درجة اللون 
الناتج عن امتزاج لونين معاً حسب نسبة كل لون منهما. 

إضاءة المصباح الخافت تؤدي إلى ظهور اللون الرماديء وهو اللون الوسط بين اللون 
الأبيض الناتج عن إشعال المصابيح ذات الألوان الرئيسية معاء وعن عدم إضاءتها معاً. 
تطيق هذه النظربة على قناشات الكمييوتن» وشاشات اللفزيوة» والماسحاك الضوفية» وثلك 
باستخدام مزج الألوان الرئيسية الثلاثة لإعطاء مجموعة كاملة من الألوان. 


ثالثاً: نظرية >ا/11/ا6: 
تقوم هذه النظرية على طرح الألوان الثلاثة: سيان - ماجينتا - أصفر من ألوان الجمع الأساسية الثلاثة؛ 


وحسب هذه النظرية: 


تعريض اللون الأصفر والقرمزي للضوء يعطي اللون الأحمر. 
تعريض اللون الأصفر واللون السماوي الفاتح (السيان) للضوء يعطي اللون الأخضر. 
تعريض اللون القرمزي واللون السيان للضوء يعطي اللون الأزرق. 
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جمع الألوان الأساسية الثلاثة يعطي اللون الأسود. 

تطبق هذه النظرية على عمليات الطباعة الإلكترونية وفرز الألوان» فالألوان لا تُخلط وإنما 
تطبع على شكل نقاط صغيرة لكل لون أساسي على حدة» وهي قريبة من بعضها أو فوق 
تعضنها لقدو الألوان سختالطة تناهاء 


الألوا ان مف ممم 
الأساسية 










لام نامع 1 لماع 1 


/ا031معع56 /17031م0ع56 


تا لإمة مم1 


اماعط للاقساءط 


لاما م1 نقتا 


/[7031مع56 





نتيجة التداخل الضوئي للألوان 
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الالوان المكملة 





4ه 


سادساً: عجلة الألوان 
لتوضيح تأثيرات الألوان السيكولوجية المتباينة على المستخدمين» ولفهم العلاقة بين الألوان جميعهاء وبين 
كل لون على حدة تم تطوير عجلة الألوان» وصُنفت ورُتبت الألوان فيها إلى مجموعاتء, كما في الشكل 
التالي: 
- الألوان الثلاثية: وهي أي ثلاثة ألوان متساوية المسافات في العجلة اللونية» وثنافس هذه 
الألوان بعضها بعضاًء لذا يجب إبعاد الموضوعات التي يجب إبرازها عن هذه الألوان. 
- الألوان التمائلية: وهي الألوان التي لها أساس مشترك كالأحمر والبرتقالي والأرجواني» وهذه 
الألوان هي التي يمكن استخدامها لخلق الإحساس بوحدة الصفحة أو وحدة المادة. 
- الألوان الدافئة: وهي الألوان التي تقع في نصف العجلة اللونية العلوي؛» وتضم اللون الأحمر 
ومشتقاته. فهي المفضلة في جذب الانتباه» مع الانتباه إلى عدم الإكثار منها. 
- الألوان الباردة: وهي الألوان التي تقع في الجزء السفلي من العجلة اللونية» وتضم اللون 
الأزرق ومشتقاته» وتصلح هذه الألوان لخلفيات صفحة الويبء لكن المبالغة في استخدامها 
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تعطي إحساساً بالسلبية» وقد يتعارض مع هدف الرسالة لذلك من المفضل مشاركتها مع 
الألوان الدافئة حتى تعطي الأحاسيس المتباينة والمختلفة كالعمق والفراغ. 

- الألوان المكملة: وهي الألوان التي تقابل بعضها على العجلة اللونية من خلال خط مستقيم 

يصل بين كل لونين متقابلين» وبذلك فاللون السيان يقابل اللون الأحمر ويكمله» ويفضل عدم 


استخدام الألوان المكملة في النصوص والأرضيات. 





0 
5 | ي.. 
2612-9 - وبوج - ونوج - روئوة 


يتحكم في استخدام الألوان في تصميم موقع الويب مجموعةً من القواعد التي يجب على المصمم اتباعها 
والأخدُ بها لإحداث التأثير اللوني المطلوب» ومن هذه القواعد: 


1- التوازن: 
والمقصود به إحداث التوازن بين الأسود والأبيض أي بين أشكال الحروف المستخدمة والأرضية 


أو الخلفية» لذا يفضّل عدم استخدام الخلفيات المزركشة أو المنقطة أو ذات النقوشء واستخدام 
الخلفيات البيضاء أو الزرقاء ذات الدرجات اللونية المنخفضة؛ ولكي يحصل الإدراك البصري 
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يجب إحداث التباين بين الأشكال والخطوط والحروف عن الخلفيات» حتى تتحقق الانقرائية 
والرؤية الواضحة. 

2 >-التياين: 
ويقصد به وجود قدر من الاختلاف بين المتن والخلفية لتحقيق الانقرائية» كما سبق ذكره. 
فاستخدام درجات لونية متقاربة لكل من العنصرين يحقق صعوبة في القراءة» والألوان ذات الطول 
الموجي القصير (كالألوان الباردة: الأزرق والأخضر والبنفسجي) أفضل في الاستخدام خاصة 
في الخلفية من الألوان ذات الطول الموجي الطويل (كالألوان الحارة: الأحمر والبرتقالي 
والأرجواني والأصفر).» لكن المبالغة في تحقيق التباين أمر يؤثر على درجة الانقرائية عند 
المستخدم؛ ويفضل استخدام درجات لونية خفيفة للعناوين أو المقدمات أو المتن» لا خلط بينها. 

3- البساطة: 
بمعنى عدم زيادة عدد الألوان المستخدمة في التصميم عن لونين أو ثلاثة مع مراعاة استخدام 
الألوان البارزة للعناصر الأكثر أهمية كالعناوين» والروابط التشعبية التي يُستخدم لها في الأغلب 
اللونان الأزرق والأحمر. 

4- التوافق اللوني: 
أي استخدام عدد محدد من الألوان المريحة للعين» وغير المتداخلة التأثيرات» مثل استخدام اللون 
الأحمر الساطع» والأزرق الساطع بشكل متجاور حتى لا يحصل ما يطلق عليه الباحثون التوتر 
اللوني أو الإجهاد البصريء وعلى سبيل المثال يفضّل استخدام اللون الأزرق الفاتح للأرضيات 
والخلفيات؛ وعدم استخدامه في المتن لأن عدسة العين تمتص مرتين اللون الأزرق» نظراً لنقص 
الصباغات الزرقاء في العين. 
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خاتمه: 
يقوم تصميم المواقع الإلكترونية على بناء وترتيب العديد من العناصر البنائية بدءاً بمساحة الشاشة التي 
تشكل الأساس الذي توضع عليه العناصر البنائية الأخرى» مروراً بالنقط والخطوطء والأشكال والنماذج» 
والنصوص والهوامش والمساحات البيضاءء وانتهاءً بالألوان التي تضفي على الصفحة تأثيرات جمالية: 
وتأثيرات نفسية وإدراكية مختلفة تساعد المصمم في إيصال الموقع المصمّم إلى أكبر عدد من 
المستخدمين؛ وتحقيق حاجاتهم ومتطلباتهم. 


وتشترك هذه العناصر البنائية مع مجموعة من العناصر البنائية الأخرى كأدوات التجول والعناصر 
التفاعلية» والمحتوى الرسومي والنصء والألوان والوسائط المتعددة في بناء الصفحة الرئيسية الأولى 
للموقع» والتي يعدها الباحثون مرآة الموقع وهويته والبوابة التي سيدخل المستخدم من خلالها إلى الموقع» 
ويقرر هل وجد فيها ما يريده ويطلبه» أم أنه سينتقل إلى موقع آخرء وهو ما سيتم التعرض له في الوحدة 
التالية. 
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الخلاصة 
تصميم المواقع الإلكترونية هو عملية ترتيب العناصر البنائية بصورة منسجمة ومتناغمة» بحيث تدعم هذه 


العناصر بعضها بعضاً مع مراعاة أن لكل عنصر منها وظيفته التي يؤديها داخل هذا التصميم. 


وتتعدد العناصر البنائية المستخدمة في تصميم المواقع الإلكترونية على الرغم من أن المستخدمين قد لا 
يدركون مفهوم الكثير من هذه العناصر أو حتى وظائقهاء لكنهم يتصفحون ويفضلون المواقع التي 
تستطيع أن توظف هذه العناصر بشكل يتناسب مع حاجاتهم وتفضيلاتهم؛ ومن هذه العناصر: كتلة 
المحتويات أو التكوين العام» والنقط والخطوطء والأرضيات والمساحات البيضاءء؛ والنتصوص والصورء 
والشعارات والأيقونات؛ والألوان وما يتعلق بهذا العنصر من قواعد وأسس ونظريات تؤطر لعملية 
استخدامها وتوظيفها الأمثل في تصميم صفحة الويب كنموذج 5068 للألوان الأساسية الثلاثة» ونموذج 
58 والتشيعات: اللونية؛ وكندة الألران ووكطوحياء ونظريات الألوات؛ ونظرية الكوء» ونظرية >ا/اا/1 © 
للألوان المطروحة من الألوان الأساسية الثلاثة» وأخيراً عجلة الألوان وتأثيراتها اللونية النفسية والإدراكية 


المعلومات الإضافية: 


الجشطلت 6©51431111601165: وهي مجموعة النظريات المتخصصة في الإدراك الحسي والنفسي» 
والتي تبحث في كيفية التعامل مع الدماغ البشري وتنظيم المعلومات المرئية إلى فئات ومجموعات» 
وتعني كيفية تعامل الدماغ البشري مع الكل بشكل مترابط» وتتكون الأجزاء المكونة له في ترابط ديناميكي 


فيما بينها من جهة»ء وبين الكل نفسه من جهة أخرى. 
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. الألوان الباردة. 


الإجابة الصحيحة: © الألوان الدافئة 
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هو شكل ثنائي الأبعاد» ومن العناصر البنائية المهمة: 


6. الشكل. 
8 الغطوط, 
6 التموذج, 


الإجابة الصحيحة: 8 الشكل 
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الوحدة التعليمية السادسة 


عناصر تصميم الصفحة الرئيسية 


العناصر 0 


- مقدمة. 

أقسام الصفحة الرئيسية. 
قواعد تصميم الصفحة الرئيسية. 
عناصر تصميم الصفحة الرئيسية: 
٠‏ أدوات الإبحار. 

» عناوين الأقسام. 

« المحتوى النصي. 

© المحتوى الرسومي. 

ف :كخطيط الصفحة: 

« الألوان. 

ه. الوسائط المتعددة. 

ه العناصر التفاعلية. 


4. 


- خاتمة. 
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الأهداف التعليمية: 

بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 
71ب يشرح تصميم الصفحة الرئيسية. 
2- يحدد أقسام الصفحة الرئيسية. 
3- يذكر قواعد تصميم الصفحة الرئيسية. 


4- يشرح عناصر تصميم الصفحة الرئيسية. 


الكلمات المفتاحية: التصميم - الصفحة الرئيسية - واجهة الاستخدام - عناصر تصميم الصفحة 
الرئيسية - الترويسة - اللافتة - الشعار - العنق - الجسم - القدم أو الذيل - عناصر التجول - 
التجول الخطي - التجول الهرمي - التجول الحر - التجول المركب - الروابط التشعبية - عناوين 
الأقسام - المحتوى النصي - المحتوى الرسومي - تخطيط الصفحة - الألوان - الوسائط المتعددة - 
العناصر التفاعلية. 


أولاً: مقدمة 

واجهة الاستخدام أو الصفحة الرئيسيةء» هي 
الصفحة الأولى التي يراها المستخدم عندما يدخل 
إلى موقع الويب»: لذا يجب أن تحمل الملامح 


البارزة لهذا الموقع من حيث اللون والتصميم» ونوع 
الخط وأدوات الإبحار وغيرُها من الملامح: 





ولأنها ستعطي الانطباع الأول عن الموقع فيجب أن تكون مميزة عن باقي صفحات الموقع حتى تشجع 
المستخدم على استخدام باقي الصفحاتء وتجعله يتذكر هذا الموقع. 
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ويراعي المصمم في تصميمه لهذه الصفحة أنها بوابة الموقع» وبالتالي هناك العديد من الأهداف التي 


يجب أن تتحقق من خلالها: 
كأن تجذب انتباه المستخدمين واهتمامهم من خلال التركيز على المواضيع المهمة. 
تزويد الصفحة الرئيسية بروابط تشعبية إلى الموضوعات الأخرى. 
٠‏ تحميل الصفحة الرئيسية سريعاً لتجنب هروب المستخدمين إلى مواقع أخرى. 


ويعتمد المصمم في ذلك على مجموعة من العناصر البنائية لتحقيق هذه الأهداف مثل: عناصر التجوال 
أو الإبحارء وعناوين الأقسام أو الصفحاتء والمحتويات النصية والرسومية» وخريطة الموقع؛» ومحتويات 
الوسائط المتعددة والتفاعلية والألوان» وهو ما ستتعرض له هذه الوحدة بالتفصيل. 


ثانياً: تصميم الصفحة الرئيسية 


مي 


الوكالة المربهة السورية للأنيا. 


* مال وأعمال صور سانا فيذيو سانا المحافظات > 





لا يختلف مفهوم تصميم الصفحة الرئيسية عن مفهوم تصميم الموقع الإلكتروني ككلء فهو عملية ترتيب 
وتنظيم العناصر البنائية لهذه الصفحة عبر أجزائها المختلفة لتساعد المستخدم على سهولة تصفحهاء 
والحصول على المعلومات المطلوبة من خلال خلق انطباع إيجابي أولي عن هذا الموقع. 
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ولسهولة تنظيم وتوزيع هذه العناصر فقد توافق المصممون على تقسيم الصفحة الرئيسية للموقع 
الإلكتروني إلى ثلاثة أجزاء: الترويسة !118206 وجسم الصفحة 8001), وذيل الصفحة 500167 وإن 
كان بعضهم يفضل إضافة القوائم الجانبية إليهاء ووضع العناصر المهمة في كل قسم من هذه الأقسام 
حسب أهميته الشكلية والوظيفية للموقع الإلكتروني» بحيث يحوي مجموعة العناصر التي تعبر عن 


ثالثاً: أقسام الصفحة الرئيسية 
[ - الترويسة 11620©1: 


يشكل هذا الجزء من الصفحة الرئيسية أحد الأجزاء المهمة والأساسية في صفحة الويب لأنها تعطي 
للموقع هويته الشكلية والوظيفية» وهي الجزء العلوي من الصفحة» ومن خلالها يحمل الموقع سمات تميزه 
عن المواقع الأخرى, والجزء العلوي يحمل العناصر الثابتة تقريباً في الصفحة مثل (اللافتة - الشعار - 
العنق - الروابط الأفقية - الشريط الإخباري). 


أ- اللافتة: وهي العلامة المميّزة للموقع» وتحمل شخصية الموقع واتجاهاته» لذلك يهتم المصمم 
بها بشكل كبير من خلال إضافة مؤثرات حركية ولونية أحياناً» وتكون مختصرة وواضحة؛ 
وتستخدم فيها حروف كبيرة وبارزة لكي يتميز الموقع من خلالهاء ومن خصائصها الثبات 
والاستقرار نسبياً لمدة طويلة. 

ب-الشعار: وهو أيضاً من العناصر الثابتة في تصميم الصفحة الرئيسية» وهو شكل رمزي يرافق 
اللافتة مكون من مجموعة من الخطوط المعبرة عن توجه الموقع» وقد يختلف مكان الشعار 
من موقع إلى آخر. 

ت-العنق: هو حيز ضيق يوضع للفصل بين رأس الصفحة وجسمهاء وذلك لإبراز التباين في 
الصفحة» ويمتد العنق بامتداد رأس الصفحة» ويحوي عادةً على الروابط الأفقية التي تشير في 
الغالب إلى معلومات خاصة بالموقع مثل (اتصل بنا - تصفح 05م - الأرشيف..إلخ). 
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2-الجسم لا800: 
وهو الجزء الذي يلي العنق» ويحوي الأعمدة التي يتم بداخلها توزيع المحتوى المعلوماتي وباقي العناصر 
المكوّنة للصفحة كالإعلانات» والوصلات التشعبية» وغيرها. 

3-ذيل الصفحة /10016: 
وهو الجزء الأخير من الصفحة؛ من الأجزاء المهمة أيضاً لأنه يحوي معلومات مهمة عن جهة إصدار 
الموقع» والجهة المصممة له» وكذلك معلومات عامة عن الموقع مثل سنة الانطلاق على الشبكة أو 
يمكن تضمينه بعض الوصلات التي تسمح للمستخدم الاشتراك في بعض المواقع» أو قد يتضمن قائمة 


محتويات الموقع حتى لا يعود المستخدم إلى أعلى الصفحة للتعرف على محتوياته. 










15 / غ1 / كذمة «اذأاونع 5احومة5 166 اط امدقدمىع ”-تووتعبإم 2531/5 فارسى 


أرويسة الصفحة اللافتة والشعار 
الرئيسية 


ا--- 0 0 ال ا ال 027 221 ا 00 ال 


020010000 "5 ده 


لاقروف وكبري: الشعب السور 


رابعاً: قواعد تصميم الصفحة الرئيسية 


للوصول إلى تصميم جذاب ومثير للاهتمام للصفحة الأولى بحيث تشكل حافرزاً للمستخدم لتصفح الموقع؛ 
وتحتفظ به أطول فترة ممكنة يراعي المصمم تحقيقّ العديد من المبادئ» ومنها: 


أ التتايعهه بين الصو .والتصيوضى» ويقدة مكزكات الصفحة 
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ب-الانسيابية: حتى يستطيع المستخدم الانتقال من عنصر إلى آخر بيسر وسهولة. 

ت-الاتجاه: لتوجيه المستخدم باتجاه مدروسء وعدم تركه يتجول من دون هدف بحثاً عن مكان 

ث-البنية: تنظيم بنية العناصر البنائية على الصفحة بشكل هرمي من المهم إلى الأقل أهمية. 

ج- الطابع: ويتمثل في اختيار نظام الألوان وتنسيق النصوص والصورء مما يؤدي إلى تحديد 
وويالة الهف 


ويأخذ المصمم بعين الاعتبار أن المستخدم غيرُ صبورء 
وأنه سرعان ما سيترك الموقع إذا لم يجد فيه ما يتوقعه؛ 
وكان تحميله بطيئاًء واذا لم يكن مثيراً للاهتمام» وكان 
هدفُ هذا الموقع ومحتواه غير واضح. 

والصفحة الرئيسية هي التي سيقرر من خلالها الدخول 





إلى الصفحات التالية أو سيتحول إلى موقع آخرء ويشبّه البعض الصفحة الرئيسية بغلاف المجلة الذي 
يجب أن يكون جذاباً لإثارة انتباه القراء وسنط عدد كبير من أغلفة المجلات؛ ومساعداً على التعرف على 


محتويات المجلة من خلال وضع العناوين المهمة التي تعبر عن موضوعات المجلة ومضمونها. 


خامساً: عناصر تصميم الصفحة الرئيسية 


تضم الصفحة الرئيسية بشكل عام مجموعة من 
المكونات التي يستخدمها المصمم لتوضيح هدف 
هذا الموقع من جهة,. وتيسير استخدام الموقع من 
جهة أخرىء وذلك بالاعتماد على إبرازن هذه 


في: 
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فهرس يوضح التوزيعات الأساسية للمحتوى داخل الموقع والعلاقات بينهاء وهو ما يساعد في فهم خريطة 
التجول والإبحار. 


1- ملخص لأهم الموضوعات والأخبار التي سيتصفحها المستخدم. 

2- عنوان البريد الإلكتروني للموقع بقصد التفاعل والتواصل بين المستخدم وصاحب الموقع. 

3- آليات البحث داخل الموقع. 

4- بعض المواقع تضيف إجراءات للوصول إلى الموقع مثل كلمة السر وغيرها من البيانات 
الشخصبية المطاوية. 

5- شعار المؤسسة التي يتبع لها الموقع» والبيانات التي تعبر عن هدف الموقع ومحتواه. 

6- خدمة البحث المباشر داخل الموقع. 


ويُراعى في هذا التصميم البساطة» والاستغلال الأمثل للمساحات البيضاءء وتجزئة الصفحة إلى مقاطع 


أو إطارات قليلة» وعدم استخدام وصلات غير ضرورية. 


كما يعتمد المصمم على جملة من عناصر التصميم المهمة والضرورية لمساعدة المستخدم على تصفح 


الموقع بسهولة وسرعة» ومن هذه العناصر: 


أولاً: عناصر التجول 1[31102361010: 


وهي من أهم عناصر واجهة الاستخدام لأنها وسيلة 
١‏ لمستخدم للتعرف غلى المكان الموجود فيه» وعلى 
المكان الذي يمكن أن يذهب إليه» وكيف يمكن أن 
يصله ويعثر على المعلومات التي يبحث عنهاء 
ومن أمثلة عناصر التجول الأزرار والارتباطات 


التشعبية. 


0 
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وقد أظهرت الدراسات أن أصناف المستخدمين للمواقع تختلف وتتنوع» فمنهم من يتصفح الموقع للتصفح 
فقطء أو بهدف البحث عن معلومة معينة» وبعض المتصفحين يعرفون بالضبط عما يبحثون» وبعضهم 
الآخر ليس لديه فكرة عما يبحثء» ويتحدد نجاح الموقع في معرفة المصمم ماذا يريد المستخدمون؛ 
ومساعدتهم في الوصول إلى المعلومة التي يبحثون عنهاء ولذلك فإن هناك استراتيجيات عدة لتوجيههم 
إلى مناطق معينة داخل الموقع» وأشهرها إبراز الارتباطات التي تؤدي إلى المنطقة المطلوبة» ويوجد خيار 
آخر وهو إعادة توجيههم إلى المحتويات التي يريدها صاحب الموقع بعد أن وصلوا إلى نقطة توقف في 
بنية التجول. 

ومهما كانت آلية التجول المتبعة في الموقع 
فإنه يجب ضمان وضوح الخيارات المتاحة 
للتجولء وأن المستخدمين يستطيعون أن 
يختاروا المسار الذي يريدونه» كما هو حال 
شريط القوائم أو شريط التجول وهو على 
شكل صف من الرموز المعنوّنة» 


ا 





إذ يوضع دائماً في المكان نفسه على كل صفحة من صفحات الموقعء وأحياناً لإضفاء مزيد من قابلية 
الاستخدام يضاف إلى الرمز في القسم الذي يوجد المستخدم حالياً فيه إضاءة لتعطي المستخدمين 
إحساساً بالمكان. 

ويحدد عنوان الموقع 0063101 | 6501066 1101لا :اانا المكانَ الذي يوجد فيه المستخدم» أما إذا 
نسي المستخدم أين كان فإن الروابط التشعبية تدله على ذلكء فالروابط باللون الأزرق تشير إلى الروابط 


التي لم يزرهاء أما الروابط باللون الأحمر أو البنفسجي فتشير إلى المواقع التي سبق أن زارهاء وأما إذا 
تساءل المستخدم إلى أين يذهبء فإن الروابط التشعبية تدله على ذلكء. وكذلك القوائم الأفقية والجانبية؛ 


والقوائم السفلية» ويمكن أن تأخذه إلى المكان الذي يريده. 
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تقنيات التجول: 

يعد الإبحار عبر النص المتشعب جزءاً أساسياً لتصميم صفحات الويب ولاسيما الصفحة الرئيسية 
وتسمح شبكة الويب للمستخدم بالانتقال من صفحة إلى أخرى داخل الموقعء أو إلى موقع آخرء وهناك 
طرائق عدة للتجول داخل الموقع يصل من خلالها المستخدم إلى المعلومات التي يبحث عنها داخل 
الصفحة الرئيسية أو خارجها في صفحات الموقع» يمكن التطرق لها كالتالي: 


1- الانتقال الخطي 113171931101 16231أا: حيث ينتقل المستخدم داخل الصفحة» ومن صفحة 
إلى أخرى في الموقع» وذلك بالانتقال إلى الصفحة التالية» أو الرجوع إلى الصفحة السابقة فقطء 
كما في الشكل التالي: 


2- الانتقال الهرمي 30ل اوعءأاء:1623!!: وهو الانتقال داخل كل قسم من أقسام 
الموقع على شكل شجرة متفرعة سواء كان باتجاه الفروع أم العودة إلى الأصلء ليتمكن المستخدم 
بعد ذلك من الانتقال إلى قسم آخرء وذلك كما هو مبين في الشكل التالي: 


0 
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3- الانتقال الحر 10311934101 /110101106231: حيث يسمح للمستخدم الانتقالك بشكل حر من أي 
جزء في الصفحة إلى أي جزء آخرء أو من أي صفحة إلى صفحة أخرىء كما هو مبين في 


الشكل التالي: 





4- الانتقال المركب 1/31/1936101/ 013005166©: ويعتمد أساساً على الانتقال الحر في معظم 
الأقسام» لكن يمكن أن يتغير إلى الانتقال الخطيء أو الهرمي إذا استلزم الأمرء مثل حالات 
الرسوم المتحركة أو المعلومات المرتبطة ببعضهاء كما هو مبين في الشكل التالي: 


ات 


أنواع عناصر التجول: 
أما بالنسبة لأنواع عناصر التجول؛ فيظهر منها أنواع مختلفة على الصفحة الرئيسية» ومن هذه الأنواع: 


1- التجول بواسطة الارتباطات النصية: وهي من أشهر طرق التجوال» فهي تربط الصفحات وتتيح 
للمستخدمين إمكانية الانتقال إلى صفحات جديدة:» وتوجد ثلاثة أنواع من الارتباطات النصية: 
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أ- ارتباطات التجوال البنيوية: ومثال هذه الارتباطات: الأزرار والارتباطات التي توضع في 
الصفحة الرئيسية» وتقود المستخدم إلى مجموعة من الصفحات المتفرعة عن الصفحة 
الحالية. 

ب- الارتباطات التراتبية ضمن محتويات الصفحة: وتوجد داخل النصوص المكتوبة وهي عبارة 
عن كلمات تشير إلى صفحات تحتوي على المزيد من المعلومات عن موضوع النص. 

ج- الارتباطات بقوائم من المراجع الإضافية: تساعد هذه الروابط في العثور على المزيد من 
المعلومات إضافة إلى المعلومات الحالية» ولسهولة الاستخدام تلوّن الروابط باللون الأزرق 
ويوضع تحتها خط. 

2- روابط الخرائط وجداول الصور: يمكن للصور أيضاً أن تعمل كروابط» كأن تربط صورة بصفحة 
أخرىء أو أن تربط أجزاء مختلفة من الصورة بصفحات مختلفة» وتوجد ثلاثة أنواع من الصور 
يمكن استخدامها كروابط وهي: 

أ- روابط الصور: ويستخدم هذا النوع في شعارات الصحف الذي يرتبط عادة بالصفحة 
الرئيسية. 

ب-خرائط الصور: وهي عبارة عن مجموعة من الصور تحتوي كل واحدة منها على عدد من 
الروابط يقترن كل واحد منها بجزء معين من الصورة» ولو تخيلت صورة لخريطة العالم فعند 
التحويم بالفأرة على دولة معينة مُفعّلة برابط موقع هذه الدولة» تظهر لك بيانات هذه الدولة. 


3- التجول بواسطة الإطارات: تتيح الإطارات إمكانية تقسيم نافذة المستعرض إلى مناطق منفصلة 
يمكن تمرير كل واحدة منها على حدة؛ وأهم الاستخدامات الشائعة للإطارات: عزل أدوات التجول 
في إطار واحد يبقى دائماً في المكان نفسه على الشاشة» وعرض الصفحات التي يتم طلبها 
باستخدام النصوص التشعبية في إطارات أخرى حتى يستطيع المستخدمون التجول ضمن الموقع 
دون أن يفقدوا طريق العودة إلى الأجزاء الأخرى على اعتبار أن الإطارات تحافظ على أبعادها 


ومواقعهاء ولو تطلبت من المستخدمين بعضّ عمليات التمرير للأعلى والأسفل. 
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4- التجول بالأزرار: نُصمم الأزرار بأكثر من حالة: 

أ- الحالة الطبيعية أو حالة الاستقرار: وهو الشكل الذي يأخذه الزر بانتظار تفعيله. 

ب-حالة مرور الفأرة فوق الزر: كالإضاءة التي تحدث كلما تحرك مؤشر الفأرة فوق زر قابل للعمل 
أو عند الانتقال إليه باستخدام مفاتيح الأسهم أو المفتاح 130» وهذه الحالة الانتقالية يمكن أن 
تساعد المستخدمين على تتبع حركة مؤشر الفأرة» وابراز عنوان الزر بشكل واضح. 

ت-حالة الضغط: إذ يأخذ الزر شكلاً مختلفاً عند النقر عليه» وقد يتم أيضاً إرفاق هذه الحالة 


وفائدة تفعيل الأزرار من خلال تغيير لونها أو شكلها أن تجذب انتباه المستخدم للضغط عليها 
والاطلاع على محتواها مثل مفاتيح التصويت والاستفتاءات» وكذلك فالأزرار المفعلة تضفي 


الطابع الديناميكي للتصميم. 


5- التجول بالتحويم: عناصر التحويم 1/101015601615 أو 1401101615 هي عناصر مصممة بحيث 
يطرأ عليها تغيرات مرئية في أثناء تفاعل الفأرة معهاء وتوجد أشكال مختلفة لتأثير التحويم مثل 
عرض رسالة مخصصة في شريط الحالة ضمن نافذة المستعرض أو إظهار إضاءة أو ظل عند 
المرور بمؤشر الفأرة فوق الصورة. 

6- القوائم المنبثقة 1/611015 إلا-م0: وهي القائمة التي تظهر عند التحويم بمؤشر الفأرة فوق 
أحد خيارات التجولء وهذه القائمة تتسع للخيارات التي تم إنشاؤها في البنية الهرمية للموقع. 

7- القوائم المنسدلة 1/©1015! «اللا00-|اناط: وهي تعمل على تقديم لائحة من الخيارات لنقل 
المستخدم إلى الصفحة المناسبة عند تحديده أحد الخيارات» وغالباً ما مُستخدم في القوائم الرئيسية 


الأففية للصفحة. 
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أماكن عناصر التجوال: 


أماك عذ د : هناك خمسة أماك: مة لوص 4 : فوق» تحثت» 2 26 
اناف حفاص التجوال + ندناك خمسة تاق عامة اوضع عداضين الإنخان؟ تقوم #تحكه ونان نعي 


وقى منتضقةالضصفحة: 


الإبحار العلوي: ومكانه أعلى الشاشة2» وفي 
الشكل التقليدي لتصميم الصفحة الرئيسية فإن 
القمة هي موضع قوائم الإبحارء لكن المأخذ على 
هذا المكان اختفاء هذه الأدوات عند النزول 





أسفل الصفحة»ء وبالتالي على المستخدم العودة إلى الأعلى للاستمرار في الإبحارء ويمكن التغلب على 
هذه المشكلة بتثبيت عناصر الإبحار العلوية» واستخدام رابط العودة إلى الأعلى أو وضع روابط نصية 
أسفل الصفحة تحاكي قوائم الإبحار العلوية. 


- الإبحار السفلي: معظم المصممين لا يقتنعون 
بهذا المكان على الرغم من فائدته في عدم 
مزاحمة العناصر العلوية للإبحار لشعار 
الموقع لأنه يتطلب سحب الشاشة إلى الأسفل» 
أو لأن الصفحة الأولى تمتد على أكثر من 
شاشةء ولحل هذه المشكلة . يمكن تثبيث 
عناصر الإبحار السفلية في الأسفل. 
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- الإبحار الجانبي الأيسر: وهو من الأماكن 
الشائعة في العناصر الناطقة باللغات 
الأجنبية» ومن المآخذ على هذا المكان 
التقلرل» من المساهة: التخصصية لعركن 
منحكوياتك الصفحة الرئيسية: 





- الإبحار الجانبي الأيمن: وقد أصبح هذا 
المكان شائعاً لأنه يجعل عملية الإبحار بعيدة 
عن المحتويات الأساسية للصفحة» هذا إضافة 
إلى أن المكان الأيمن يقرّبها من شريط زلق 
الصفحة» مما يساعد في حركة الفأرة. 


- الإبحار المركزي (في المنتصف): ويتم من 


خلال وضع أزرار أو خرائط صور في وسط 


21 نللن إنئن 50 


الصفحة» وهذه الأدوات قد تزاحم محتويات واد للا 


! 


الصفحة النصية» لكنها تساعد المستخدم على 
التركيق على منقضف: “الصفحة:' الرئيسية: 


وبذلك تتميز عن باقي الصفحات. 
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ثانياً: عناوين الأقسام ,116206 56©)6101: 


51000000 





وهي العناوين التي تبين محتويات الصفحة وتشكل عناصر الإبحار البنيوية التي تساعد المستخدم في 
الانتقال إلى الموضوعات المطلوبة في الصفحات الأخرىء وغالباً ما توضع هذه العناوين أعلى الصفحة 
و١‏ ذن منتصفها. 


ثالثاً: المحتويات النصية 01116014© )©1: 

وهي المحتويات النصية الموجودة في مركز 

الصفحة؛ وهي من أهم العناصر التي - كما سبق ْ 
: :. لماه 

ذكره - من أجلها يدخل المستخدم الموقع؛ وغالباً لاسي . 

ما تستخدم في كتابة هذه النصوص أنواع الخطوط 

المتعارف عليهاء والتي يمكن أن تدعمها أشهر 








دعم الخط المستخدمء فإنه يقوم بتحويل الخط إلى أقرب نوع خط من الخطوط المتاحة» ومن أشهر أنواع 
الخطوط التي أوصت دراسات التصميم في استخدامها خط |41/13 حجم 14 للعناوين» أو خط 1/6703073 
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رابعاً: المحتويات الرسومية 0114614© [|1163م613: 





وهي أيضاً من العناصر المهمة على الصفحة الرئيسية» وتشمل الصور والرسوميات؛ وتساعد المستخدم: 
مع المحتوى النصيء في فهم المحتوى المعلوماتي إضافة إلى إثارة اهتمامه وجذب انتباهه. 
وهناك نوعان من الرسوميات: 
الشعاعية المتمثلة في الخطوط والأشكال. 
» والنقطية المتمثلة في الرسوم النقطية المؤلفة من مئات البيكسلات. 
أما الصور فقد تم التعرض لأهميتها وأنواعهاء في الوحدة السابقة. 


خامساً: تخطيط الصفحة 51/516117 04ا3[/0-ا: 
ويهدف وضع مخطط للصفحة إلى تنظيم عناصرها 
بحيث يستطيع المستخدم فهم محتوياتها والتجول 
بيسر وسهولة للوصول إلى المعلومات المطلوبة» 
ومن المخططات الشائعة الاستخدام: 
- الشعار أعلى الصفحة يليه أدوات الإبحار. 
- القائمة الرئيسية في الجزء العلوي الأيمن من 
الصفحة في المواقع العربية» والعكس في 
المواقع الأجنبية. 
- المحتوى المعلوماتي في منتصف الصفحة 


الرئيسية. 


ف 6 
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سادساً: الألوان 601015©: 


وهي من العناصر التي تؤثر في تشكيل الانطباع 
عن الصفحة الرئيسية والموقع عموماء لذلك يحتاج 
المصمم إلى معرفة دلالات الألوان وتأثيراتها 
النفسية والسلوكية على المستخدمين والقواعد العامة 
المستخدمة في اختيار الألوان» والمتمثلة في: 





اخثيار الألوان البيضداء أو ذات الذرجات اللونية المخخفضة من الألوان: الأخرى للكلفيات والأرضيات: 
« واختيار عدد محدود من الألوان أو الدرجات اللونية للنصوص و«العناوين والعناصر الأخرى في 
الصفحة؛ واستخدام الألوان المعبرة عن المضمون والمحتوى المعلوماتي الذي يقدمه الموقع. 


سابعاً: الوسائط المتعددة 17601123 اناال!: 

تتمثل الوسائط المتعددة في مجموعة وسائل: الصوت والفيديو» والصور المتحركة والرسوميات والنصوص 
المكتوبة التي تم تجميعها ومعالجتها بصورة رقمية» وتقديمُها في حزمة واحدة على مواقع الإنترنت» 
ويضفي استخدامها على الموقع عموماً وعلى الصفحة الرئيسية بالتحديد الإثارة والديناميكية» ويزيد من 
قدرة المستخدمين على فهم واستيعاب المحتوى المعلوماتي النصي المقدم ولاسيما أن استخدامها لم يعد 
بالأمر الصعب أو المعقد: 


134 


عاك سب مس ل 


الصور المتحركة: ويشترك في إنشائها العديد من |_*: هوف 
البرامج التي سبق ذكرهاء ويتم ذلك من خلال خلق - 
لملة من الضنوى ‏ والرستوميات. .والإطارانت» 
وعرضها بشكل سريع لتعطي الانطباع بأنها 





الإعلانات المتحركة وغيرها من المحتويات التي تحتاج إلى إضفاء نوع من الحركة والديناميكية عليهاء 


والتي بالمقابل سيضفي وجودها على الصفحة حركة وايقاعاً سريعاً. 


مقاطع الفيديو: وتتمثل في مقاطع الفيديو التي تم / 33289 
التقاطهاء ومعالجتها وتخزيثها وعرضها بصورة | اليا 
رقمية من خلال مجموعة من البرامج التي تم 


التعرض لها سابقاً» ويتم تبادال وعرض العديد 





من الأفلام ومقاطع الفيديو عبر الإنترنت» إما مباشرة باستخدام خطوط الإنترنت الفائقة السرعة أو من 
خلال تحميلها على جهاز الكمبيوتر ثم مشاهدتهاء لكن المصممين يعمدون إلى اختيار مقاطع الفيديو 
ذات الأحجام الصغيرة حتى لا تبطئ من سرعة تحميل صفحة الويب» ويعمدون أيضاً إلى ضغطها 


لسهولة وسرعة تحميلها. 
مقاطع الصوت: ويؤثر استخدام الأصوات في 5 0 2 2 ال © 15007 


الموقع الإلكتروني» إضافة إلى إضفاء الواقعية 
والإحساس بالحركة وزيادة فهم المحتوى النصيء 
ويُستخدم في الصفحة الرئيسية العديد من المؤثرات 
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الصوتية والموسيقاء والأصوات الحقيقية المنفردة أحياناء والتي ترافق مقاطع الفيديو أحياناً أخرى؛» وذلك 
باستخدام العديد من البرمجيات التي تساعد في إنتاج الصوت الرقمي ومعالجته وتخزينه» ثم تقديمه على 
الصفحة. 


النقل المباشر: وهو عملية تقل الوسائط المتعددة انس 5 
السالفة الذكر» عير الإأنثريت مياشرة أى من خلال ال عمسن 
5 101 وخوح وخ ...ار 
0 









عرضها عبر مخدم الإنترنت دون الحاجة إلى 
تحميليا» ويشمل أيطيا عملية تقل الأحداث 


بدتح 111313131313111 بان عه ١‏ المانسا7قسع 
السياسية أو الفنية» أو الرياضية الفورية والمباشرة» ويتمتع المستخدم بالقدرة على التحكم بها من خلال 
تشغيلها أو إيقافها أو الانتقال إلى قناة أخرى» ومن ميزات هذا النقل: الفورية وبدل انتظار التحميل» 
وسهولة التعامل معهاء واستقبال أكثر من بث في وقت واحدء ويتوفر لدى المستخدم وعلى الإنترنت 
العديد من البرامج التي تساعد على استقبال هذا البث مثل: #علاوا 1/6019 0/5ا00ماللا و اوهع]ا 


أعلاواط وع”أ! كاوأنا9. 


العناصر التفاعلية: وتشمل مجموعة الأدوات 
التفاعلية التي يقدمها الموقع وتشكل قنوات اتصال ‏ ثثائتة 7 جب 
وتفاعل بين الموقع والمستخدمء كالتعليق على #2 - 





٠ 1‏ 
المعلومات والآخبار» وطرح الاستفتاءات» وتوفير اعد سه 5 
1 0 - 8 - 52 
خاصية البحث في الأرشيفء؛ وغيرها من الخدمات د 5 ' 
1 5 مسر 

التي قد تمتد إلى مشاركة الافراد في إنتاج - المنسا هسدع 





المحتوى المعلوماتي أو حتى المشاركة في تصميم الصفحات حسب اهتماماتهم وتفضيلاتهم؛» وهذه 
الأدوات يجب أن تكون واضحة في الصفحة الرئيسية» كما في الصفحات الداخلية من دون الحاجة إلى 
البحث عنها. 
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خاتمه: 
يقوم تصميم الصفحة الرئيسية على بناء وترتيب العديد من العناصر البناتية بدءاً بعناصر الإبحار 
والتجول» والمحتويات النصية والرسومية» والعناوين والخطوط والألوان» وعناصر الوسائط المتعددة» 
والعناصر التفاعلية» وغيرها من العناصر التي تجتمع لتشكل الصفحة الرئيسية للموقع» والتي يجب أن 
تحمل هويته وطابعه» وتعطي الانطباع الأفضل عنه؛ء وعن محتوياته» والا فإن المستخدم سيجد على 
الإنترنت العديد من البدائل والخيارات التي ستوفر له ما يريده من معلومات» وعناصر مرئية أخرى تتفق 


ويعتمد المصمم في بنائه وترتيبه لهذه العناصر على هذه الصفحة وعلى الصفحات الداخلية للموقع على 
العديد من القواعد والمبادئ التي اسثمدت من مبادئ التصميم والإخراج المطبوع وقواعدهماء وأمكن 
الاستفادة منها في تصميم المواقع الإلكترونية ولاسيما أن الدراسات أثبتت أهميتها ودورّها في نجاح 
اموي النراقع الالقاررفية وستماك: الرييه وق هذه النيادفة الرسةة والقرا نه والقايق والدرعة 


وغيزُها من الأسسء وهو ما سيتم التعرض له في الوحدة التالية. 
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مي 


الخلاصه 


لا يختلف تصميم الصفحة الرئيسية للموقع الإلكتروني عن عملية تصميم الموقع ككل من حيث كوثه 
عملية ترتيب العناصر البنائية للصفحة بصورة منسجمة ومتناغمة» بحيث تدعم هذه العناصر بعضها 
بعضاً مع مراعاة أن لكل عنصر منها وظيفته التي يؤديها داخل هذا التصميم» لكنه يختلف من حيث 
توظيف العناصر البنائية لهذه الصفحة بشكل أكثر تفاعلية وديناميكية وإثارةً لاهتمام وانتباه المستخدم. 
فواجهة الموقع وصفحته الرئيسية هي كغلاف المجلة الذي يحمل صورتها ويعبر عن محتوياتهاء وبالتالي 
يجب أن تسخّر كل الإمكانيات التقنية والمؤثرات الفنية» كما يجب أن توظف كل العناصر البنائية بشكل 


مؤثر لتعطيّ هذا الموقع أفضليته بين المواقع الأخرى. 


وتتعدد العناصر البنائية المستخدمة في تصميم الصفحة الرئيسية للموقع الإلكتروني» وأهمها عناصر 
التجول والإبحارء والتي تضم مجموعة من الروابط التشعبية والأزرار»ء والصور والخرائط» والقوائم 
والعناصر الأخرى التي يضعها المصمم بشكل واضح وسهل الاستخدام للمستخدم الذي يريد أن يعرف 
أين هوء وإلى أين ينتقل» وكذلك المحتوى النصي من معلومات وموضوعاتء والمحتوى الرسومي من 
صور ورسوميات» وعناصر الوسائط المتعددة من صور متحركة ومقاطع صوتية ومقاطع فيديوء 
والعناصر التفاعلية من تعليقات واستفتاءات» وإجراءات للبحث في الموقع والأرشيف» وغيرها من 


الفخاصين: 
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اختر الإجابة الصحيحة: 
1. من أهم عناصر الصفحة الرئيسية» والتي من ضمنها: التعليق على الموضوعات والاستفتاءات: 
8. العناصر التفاعلية. 
8. الوسائط المتعددة. 


0. المحتوى النصي. 


الإجابة الصحيحة: 8 العناصر التفاعلية 


2. من أماكن وضع أدوات الإبحار والتجول على الصفحة الرئيسية: 
8. الجزء العلوي والسفلي فقط. 
8. الجزء العلوي» والجزء العلوي الأيمن فقط. 
6. كل أجزاء الصفحة تقريباً. 


الإجابة الصحيحة: © كل أجزاء الصفحة تقريباً 
3. يشتمل على الأصوات والفيديو والنصوصء ومن العناصر البنائية المهمة: 
8. العناصر التفاعلية. 
8. المحتوى النصي. 


6 الوسافط النتعمدة: 


الإجابة الصحيحة: © الوسائط المتعددة 
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العناصر: 


الوحدة التعليمية السابعة 


مبادئ تصميم صفحة الويب 


- مقدمة. 


- مبادئ تصميم صفحة الويب: 


التوازن. 
الوحدة. 
الحركة. 
التباين. 
المحاذاة. 
التناسب. 


الإيقاع. 


0. 


خاتمة. 


12 


الأهداف التعليمية 
بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 


1- يحدد مبادئ تصميم صفحة الويب 
2- يشرح مبدأ التوازن 

2-9 يشرح مبدأ الوحدة 

4- يشرح مبدأ الحركة 

5- يشرح مبدأ التباين 

6- يشرح مبدأ المحاذاة 


8- يشرح مبدأ الإيقاع 


الكلمات المفتاحية: مبادئ التصميم - التوازن - التوازن التمائلي - التماثل اللاتمائلي - التوازن 
الإشعاعي - التوازن الرأسي - التوازن الأفقي - التوازن الرأسي الأفقي - الوازن المتقارب - الوحدة - 
التشابه - التقارب - التكرار - وحدة الموضوع - وحدة الصفحة - اللون - الخط - الحجم - الحركة - 
أدوات الإبحار - العناصر البنائية - الاتجاه - المعدل - النوع - التباين - تباين الأحجام - تباين 
الألوان - تباين القيم - تباين الأشكال - المحاذاة - المحاذاة الأفقية - المحاذاة الرأسية - التناسب - 


الإيقاع. 
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أولاً: مقدمة 


يتعامل مصمم المواقع الإلكترونية مع عناصر 
الققسميم النعقدة للقكل المزقي الموقيه باهتيارها 
مجموعة مترابطة من العناصر التي تؤدي من 
خلال تنظيمها وترتيبها إلى زيادة فعالية وتأثير 
محتوى هذا الموقع» ويعتمد بناء الترابط على 





مجموعة من: المبادعة والأنسن' الكى' تقضد .بها :مياد التصميم المقلقة بالتأقيرات: السيكولوجية: التاجمة 


اتفق مصممو ومطورو المواقع الإلكترونية بالاعتماد على مبادئ إخراج الصحف الورقية على أن هناك 
أربعة مبادئ أساسية للتصميم الإلكتروني تتمثل في: 

« التوازن. 

©» الوحدة. 

« التباين. 

« الإيقاع. 
غير أن هناك مبادئ أخرى ذكرها المصممون مثل: 

« الاتجاه والتكرار. 

©« النسبة والتناغم. 

« التدرج والحركة. 


ه. الننيظرة والمحاذاة والقراية. 
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ورأوا أنها لا تقل أهميةً عن المبادئ الأربعة الأساسية لكنها قد تتداخل وتتشابه أهدافهاء كما يمكن أن 
يتحقق أحد المبادئ عند تطبيق مبدأ آخرء فمبدأ الوحدة والإيقاع يتحققان من خلال تكرار بعض عناصر 
التصميم على الصفحة مثلآء كما أن مبدأ الاتجاه ينتمي إلى مبدأ الحركة» كما ينتمي إلى مبدأ المحاذاة: 
أما مبدآ السيطرة والتناغم فإنهما مبدآن مكملان للمبادئ السابقة» وعليه يمكن تحديد مبادئ التصميم 
بسبعة مبادئ أساسية: التوازن والوحدة» والتباين والحركة والإيقاع» والتناسب والمحاذاة» وهو ما ستتعرض 
له هذه الوحدة. 


ثانياً: مبادئ التصميم 

يؤكد الباحثون أن تطبيق المبادئ الأساسية 
للتصميم يحكمها العديد من المعايير والضوابط 
منها: 





- يمكن تطبيق ميدأين معاً أو أكثر من ميادئة 
التصميم في العمل الفني: فيمكن على ااه 
سبيل المثال تحقيق التباين مع التوازن» جدصسدحعك لما 


١‏ عحسمانوم كن 1( ع 
ا االكداس م - 
ا 0 ؤ 
ع سييبيييل سسكا 


عكدما! غم 04 عذا ما عيروعاء لين 


ويمكن أيضاً تحقيق التكرار مع التوازن» ويمكن تحقيق التناغم مع كل من التباين والنسبة والتدرج 
والحركة. 

















- بعض المبادئ تتحقق على نطاق واسع في الصفحة مثل: التوازن والوحدة» وبعض المبادئ تتحقق 
على نطاق ضيق مثل التباين الذي قد يكون بين عنصرين قريبين. 
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ويكمن الهدف الأساسي من عرض هذه المبادئ» ليس فقط في التعرف على هذه المبادئ» وإنما التعرف 
على آلية تطبيقها في تصميم الصحف الإلكترونية» وهي المواقع الأكثر أهمية لشرائح كثيرة من أفراد 
المجتمع عامة» وللدارسين في مجال الإعلام خاصة؛» وأول وأهم هذه المبادئ مبدأ التوازن. 


أولاً: التوازن ©821306©6: 


وهو ليس مجرد الإحساس بتوازنٍ وتساوي عناصر 
التصميمء» لكنه عملياً عدم إثقال جزء من الصفحة 
أو أكثر بالعناصر البنائية من صور وألوان 
وخطوط وأشكالء وخلو جزء أو أكثر من هذه 





العناصر أو يكاد أي إعطاء مساحات الصفحة المختلفة الثقل أو القوة نفسيهما. 
ويتحقق التوازن من خلال ثلاثة أشكال هي التوازن التماثلي والتوازن اللاتمائلي والتوازن الإشعاعي: 


أ- التوازن التمائلي 5213066 5770661631 أو التوازن الشكلي 8213066 [023هط: 
ويُقصد بهذا النوع من التوازن تقسيم الصفحة إلى أجزاء متساوية (أنصاف وأرباع أو أثمان)» 
وتكرار الأشكال نفسها بالحجم والوضع نفسيهما في نصفي الصفحة:» ويُستخدم هذا النوع من 
التمائل لإعطاء الإحساس بالاستقرار والهدوء لدى المستخدم» ويمكن تحقيقه في ثلاثة أشكال 
هي : 

- التماثل الرأسي 51/137661 [4163/©/ا: ويتم فيه تقسيم الصفحة أو أحد أجزائها إلى نصفين 
جزءٍ أيمن وآخر أيسرء وهذا لا يعني أن الصفحة تنقسم إلى عمودين فقط بل يمكن أن ثقسم إلى 
ثلاثة أعمدة أو أربعة» ويتم الفصل بينها بواسطة الهوامش أو المساحات البيضاءء ويفضل عدم 
استخدام الخطوط كفواصل حتى لا تعطي الإحساس بالرتابة والجمود. 

- التمائل الأفقي 5/1171 [013ه012!: وفيه تُقسم الصفحة أو أحد أجزائها إلى نصفين 
أحدهما في القسم العلوي من الصفحة» والآخر في القسم السفلي» ويساعد هذا التصميم في إراحة 
عين المستخدم» وتحقيق الوحدة بين عناصر كل قسم.ء ويّعيبه قلة الموضوعات التي يمكن وضعها 
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المبدأ على الصفحات الداخلية؛ لأن المستخدم يدخلها بقصد البحث عن موضوعات محددة. 


ص 
الا 


.31701 1] لاك لالالالالانا جح 02 


الصقحة الرئيسية | من تحن | اتصل ينا | أضف للمفضلة ص و4 .| الجمعة 








[|] 002206 


0 





الرئيس الأسد للقناة الثانية في التلفزيون الهولندي: أغلب السوريين يؤيدون حكومتهم آخر تحديث 18/12/2015 - 12:25 ص 
اليوم بصرف النظرعن انتمائهم السياسي ويؤيدون وحدة سورية ...المزيد 


كل سوريّة في موقع وَاحد 
/517ك.ثر/؟ ]1م !5 إالالاايا 


6 0) 6 


5200000 





- التمائل الأفقي الرأسي: يتم في هذا النوع تقسيم الصفحة أربعة أقسام متساوية وتوزيع العناصر 
على هذه الأجزاء بشكل متساو تدبا ويستوعب هذا التصميم موضوعات أكثر» وفيه يتعامل 
المستخدم مع كل جزء على أنه صفحة منفصلة. 


التوازن التقريبي [1 51/171176 01012111266 ملل: 


يمكن تحقيق نوع من التوازن التمائلي يُدعى التوازن التقريبي /[7117611ل51 800101111366 وفيه 
تكون أجزاء الصفحة متساوية تقريباً» وتكون الأشكال مرتبة حول خط الارتكاز في الصفحة. 
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ب -التوازن اللاتمائلي 53121766 111621 171111ال251: 








ارتفاع مؤشر بورصة دمشق وم مسد [إذيا 
والتداولات بحدود 6 ملايين ليرة 1 اا 
مااع 2 
»3 ستاههادسمك الفسحدة ع د م تم 


توازن غير متماثل 





وينتج هذا التوازن عن طريق تقسيم الصفحة إلى أجزاء غير متساوية» وذلك من خلال وضع صورة 
كبيرة مع مجموعة من الصور الصغيرة» ويفيد التوازن اللاتمائلي المصممَ في ترتيب عناصر الصفحة» 
كما يمكن من خلاله خلق الإحساس بالحركة والتوتر والفرح والإثارة والغضبء ويسمى هذا النوع من 
التمائل بالتوازن الديناميكي النشط الذي يسمح باستخدام عناصر مختلفة الألوان والأحجام في مكان 
واحدء مما يعطي للمستخدم حرية الاختيار وإحساساً أكبر بالجاذبية» كما يطلق عليه المصممون التوازنَ 
الشكلي بالكتل» وفيه يكون للأشياء أو الأجسام المختلفة الوزن البصري نفسه؛ أو جاذبية العين نفسها 
بغض النظر عن التساوي في الأشكال. 


ج- التوازن الإشعاعي 52313166 30123[1]: 


وفي هذا النوع من التوازن هناك نقطة مركزية هي 

بمثابة نواة الإشعاع التي تأخذها العناصر البنائية مهنا | صتمت | صرمة مادم بن 
نقطة انطلاق تدور حولها من زاوية» ومن زاوية اا غلا - 2 
أخرى تعد هذه النقطة بمثابة نقطة جذب لبصر حك 2 

اسهد ف ,ينطاق منها خرله يليه النداضير 1 و 
البنائية» ويشبه التوازن الإشعاعي حركة سد ةا 


وج ويم كمال ددس ا اعم وماو اي 0 
دن كسامت 1 
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الإلكترونات حول النواة» كما أن حركة الاتزان الإشعاعي لا تقتصر على الحركة الدائرية» بل يمكن أن 
تأخذ شكل الحركة اللولبية ا1121م5»: وفي الحركة اللولبية يكون هناك أكثر من نقطة مركزية يدور حولها 
بصر المستخدم؛ ويجب أن يقترن تطبيق مبدأ التوازن مع مبدأ الوحدة لأن العناصر بشكل متمائل مع 


عدم مراعاة الوحدة بينها لا يعطي الإحساس بالتوازن» بل الإحساس بالفوضى. 


ثانياً: الوحدة /[1016لا: 


تتحقق الوحدة باستخدام الأساليب المختلفة التي 
تجعل عناصر الصفحة تتفاعل مع بعضها لتعطي 
الإحساس بالانسجام والوحدة» فالصور والنصوص 
التي بينها أشياء مشتركة مثل اللون تعطي 
الإحساس بمعنى واحدء ويحظى هذا المبدأ باهتمام 


المدرسة الشكلية (565121) عند تصميم صفحات 





الويب حيث ترى أن العناصر القريبة من بعضها البعض تؤدي إلى الوحدة؛ فوضع الصور مجاورة للنص 
أو بالقرب منه تساعد في تفسير الرسالة وفهمها. 


مبادئ تطبيق الوحدة: 
يمكن تطبيق الوحدة من خلال تطبيق العديد من المبادئ مثل: 


- التشابه: إذ يسهل إدراك الأشياء المتشابهة من حيث اللون أو الخط أو الشكل على أنها مجموعة 
واحدة؛ ويمكن تذكرها وفهمها بشكل أسرع. 
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- التقارب: وهي أبسط طريقة لخلق الإحساس بوحدة مجموعة من العناصر أي وضعها بشكل 
متقارب من بعضهاء واستخدام الهوامش والعناوين القريبة من المتن» وجعلها تدرك على أنها وحدة 
واحدة على الصفحة. 

- التكرار: كتكرار الألوان والأشكال والنصوصء والعناصر الأخرى ليؤكد اتجاه هذه العناصر وادراك 
حركتهاء وليعطي الإحساس بالاستمرارية» والامتداد المرتبطة بالحركة. 


أنواع الوحدة: 


00 ص لمء. قلاع أطوة #8 > 


07 1 11 ” 
ى نب ا ا 2 ا ل 2 


١ 
أ بالفيديو: أسبوع مخيف‎ 
يتتهي باعتقال 4 متهمير‎ 

بدعم الإرهاب في أمريكا 






وحدة الموضوع 


تنقسم الوحدة عادة إلى نوعين: 


- وحدة الموضوع: ويقصد به جعل كل موضوع يظهر كأنه متفرد عن بقية الموضوعاتء وذلك من 
خلال تمييزه بسمة معينة قد تكون نوع الخط أو الشكل الذي يحتويه كأن يكون شكلاً مربعاً أو 
مستطيلاًء أو لون نصوصهء أو أن تكون أرضياته مختلفة عن بقية الموضوعات الموجودة على 
الصفحة. 

- وحدة الصفحة: ويُقصد بها تحقيق وحدة الصفحة ككل من خلال خلق وحدة تربط وحدات 


الموضوعات الفرعية بعضها ببعضص» ولا تتعاراض وحدة الموضوع مع وحدة الصفحة بل توكدهاء 
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ويمكن أن تكون هناك وحدة عامة تربط بين وحدات الموضوعات مثل حجم الخط أو نوعه» وفي 
الوقت نفسه يمكن أن تكون هناك وحدة الموضوع من خلال تمبيزه بلون معين. 


العناصر البنائية في تحقيق الوحدة: 
ويمكن الاعتماد على العديد من العناصر البنائية في تحقيق الوحدة عبر الصفحة» منها: 


-اللون: يستطيع اللون أن يخلق وحدة بصرية 
بيك الموطبوعات» المقلقة. وذلك:.من. كاك 
تكرار أحد الألوان أو بعض درجاتها عبر 
الصفحة» كما يمكن أن يساهم في تحقيق وحدة 
الموضوع عن طريق استخدام درجات لونية 
متقاربة في المتن والعنوان الرئيسي والفرعي افلا 


تندي إلى التقل البصر بصورة السيبية من 020750071091 |0 


درجة لونية إلى أخرى. 


- الخط: يمكن أن يحقق الوحدة بين عناصر 
الموضوع الواحد والموضوعات المختلفة» 
فيمكن أن يحقق الوحدة بين الموضوع عن 
طريق استخدام عائلة الحرف نفسها في 
وبالطريقة ذاتها يمكن أن يحقق الوحدة بين 
الموضوعات المختلفة عن طريق تثبيت 
إحدى عائلات الحروف في المتون أو 
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- الحجم: يقصد بالحجم هنا تثبيت بعض 
أحجام الصور على الصفحة» وتثبيت بعض 
أحجام الحروف» وتثبيت بعض أطوال 
الأعمدة على الصفحة» وتقديم مساحات 


منقاربة لبعض الموضوعات. 







- الشكل: يُقصد به تقديم شكل متمائل سواء 
أكان ذلك للصور أم النصوص أم الأعمدة. 
فيمكن أن نقدم الصور بشكل مربع أو مستطيل 
أو دائري أو شبه دائري» كما يمكن أن تُقدم 
النصوص بشكل واحد كأن تكون بخط 8010 
أو مائل 12|ا19!. 


ثالثاً: الحركة 67©114/ا0ال! 


يُقصد بالحركة الطريقة التي تتحرك بها عين المشاهد حول عناصر التصميم المرئي وخلالهاء ولكي 
يتمكن المصمم من تحريك عين المستخدم خلال صفحة الويبء عليه مراعاة الاعتبارات التالية: 


- وضوح أدوات الإبحار المتمثلة في الروابط. 
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تنظيم العناصر البنائية على الصفحة بحيث لا تتحرك عين المستخدم حركة عشوائية» إذ يمكن 
وضع العناوين أولآً ثم الصورة تليهما الروابط. 
ترتيب العناصر المتشابهة بطريقة متدرجة» فالتدرج يضيف الحركة إلى الأشكال» فالتدرج من 
اللون المظلم إلى المضيء» مثلاً يوجه حركة العين عبر الشكل. 
ترتيب الأحجام من الأكبر إلى الأصغر أو العكسء فمن غير المقبول تحرك العين بين أحجام 
مختلفة الكبر والصغر لأن ذلك ينافي مبدأ إبصار العين؛ ففي حالة الأحجام الكبيرة تكون حدقة 
العين على أقوى اتساع لهاء أما في حالة الأحجام الصغيرة فإن حدقة العين تكون ضيقة جداًء 
ووضع شكل صغير بين حجمين كبيرين يجعل حدقة العين تصغر بصورة قسرية مما يصيبها 
بالإجهاد» والعكس صحيح أيضاًء فإن وضع شكل كبير بين شكلين صغيرين يجبر حدقة العين 
على أن تتسع بشكل مفاجئ مما يصيبها بالإجهاد أيضاً. 
إضافة بعض المؤثرات التي تقوم بدور محوري في توجيه حركة العين مثل: 

© الخطوط المائلة التي تؤدي إلى إيهام المستخدم بأن هناك حركة في التصميم. 

ه التغيير في الاتجاه أو التغيير بين الضوء والظلام يوهم المستخدم بأن هناك حركة في 


5 ع راعع له /زق د أق. /لاللالرا 4 >« 


الجيش السوري يتحضر لعملية عكسية باتجاه مهين 


المحتوى تسمى 
الحزكة دقر ددات القناة بل 
الموضوعية 0 


2 10 
050 5ط/ا بادك 
- لاط 1 - لاله 768/85 
كاءأاء-1 55 - 55 15068 
ملاع ا ,طللا باقمنهمما اأوغأدمآ 





ل 9 
| 1411 - 
َ 03 د. و32 ث اال هصغ 
41 تركيا: أذ 
١ 5-8‏ ركب 


شاهد كامل النك 
الحركة في التصميم 
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خصائص الحركة في التصميم هي: 
الاتجاه: 
إذ يأخذ اتجاه حركة العين على الصفحة أحد ثلاثة أشكال: 
« من اليمين إلى اليسار أو العكس ويظهر هذا النوع عادة في القراءة. 
« من أعلى إلى أسفل أو العكس وتظهر هذه الحركة عادةً مع ترتيب مجموعة من الصور بطريقة 
رأسية على الصفحة. 
« ومن الأمام إلى الخلف أو العكس وتحدث هذه الحركة عادةً في الرسوم ثلاثية الأبعاد لتساعد 
العين على إدراك العمق أو البعد الثالث. 
المعدل: 
يُقصد بمعدل الحركة سرعة أو بطء حركة العين في إدراكها للأشكالء ويُقسم هذا النوع إلى ثلاثة أنواع: 
حركة سريعة: تحدث هذه الحركة عند الانتقال من صورة إلى أخرى أو من عنوان موضوع إلى 
عنوان موضوع آخر. 
٠‏ وحركة متوسطة: تحدث عند الانتقال من سطر إلى آخر أو من عمود إلى آخر. 
» وحركة بطيئة: تحدث عند الانتقال من حرف إلى آخر ومن كلمة إلى أخرى أو من أحد 
تفصيلات الصورة إلى غيرها من التفصيلات بالصورة نفسها. 
النوع: 
يُقصد بنوع الحركة الطريقة التي تسلكها العين في إدراكها للأشكال المصفوفة على الصفحة» وتأخذ هذه 


الأشكال: 
حركة طولية: تحدث عند تحريك العين لقراءة سطر معين مكتوب بطريقة أفقية. 
« حركة بندولية: تتأرجح من اليمين إلى اليسار ثم العكسء مثلما يحدث في الانتقال من موضوع 


إلى آخرء أو من صورة إلى أخرىء أو من عنوان إلى عنوان» أو من سطر إلى سطر. 

ف :وحركة اكزية: كفت عله برطم يض التناسو 'الكاقية القيلة الت شهدم نعلاب يصرى مكل 
الصور والعناوين بشكل دائري على أطراف الصفحة» فتقوم العين بالمرور على هذه الصور 
بشكل دائري. 
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رابعاً: التباين 6011141251 


ويُعرّف التباين بأنه التبادلية لإاع1(0 8116/08 بين 
اضر اميم 'المفظلفة .مكل الفنايل. يون 
الأقدما دف والإظلقي ٠.‏ والفعومة والخشوفة» والدتء 
والبرودة» والكبر والصغرء كما يعرّف بأنه تجنب 
وجود العناصر المتشابهة في الحجم واللون 
والمساحة مجاورةً لبعضها البعض. 





يساعد التباين في: 
ل تسهيل القراءة. 
© إبراز مواد الصفحة» واضفاء الجاذبية عليها. 
تنسيق المعلومات في الصفحة. 
فالتباين بين العناوين والمقدمات والعناوين الفرعية والنصوص يساعد عين القارئ في انسيابية الرؤية 
موضحاً المسالك التي يمكن أن تتوجه إليها العين عبر النص. 
أشكال التباين: 
يأخذ التباين مجموعة من الأشكال منها: 
- التباين بين الشكل والأرضية: يؤكد المصممون أن للأرضية هيئة سالبة» وللشكل هيئة موجبة» 
ويقوم التباين بينهما بشكل توفيقي ليجعل منهما شيئاً واحداً تدركه العين. 
- التباين بين الأحجام: ويحدث عن طريق تباين العناصر من النوع نفسه مثل: تباين الصور 
الصغيرة والكبيرة» وتباين الحروف الكبيرة والصغيرة» والتباين بين المساحات الكبيرة والصغيرة. 
- التباين بين القيم: هو التباين النسبي بين الإضاءة والإظلام. 
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- تباين الألوان: يتدرج التباين بين الألوان بدءاً من التباين الكامل بين الألوان المتقابلة في عجلة 
الألوان» والتباين المتوسط بين الألوان المتساوية المسافة على العجلة اللونية» والتباين الضعيف 
بين الألوان التماثلية» وهي الألوان التي لها أساس مشترك. 
لكل نوع من التباينات اللونية الثلاثة التأثيرات السيكولوجية التي يؤديها داخل الصحيفة: 
- التباين التام يؤدي إلى الاضطراب وعدم الاتزان. 
- التباين المتوسط يؤدي إلى التنافس بين الألوان في جذب الانتباه. 
- التباين الضعيف يؤدي إلى الشعور بالوحدة بين عناصر التصميم. 
- تباين الأشكال: يتحقق تباين الأشكال من خلال طريقتين: الأولى عن طريق استخدام الاتجاه 
مثل: الاتجاهات الأفقية والرأسية» الثانية: عن طريق استخدام الأشكال الهندسية مثل: 
المستطيلات والمربعات والدوائر والأشكال الخماسية والسداسية؛. والأشكال المنتظمة وشبه 
المنتظمة والمنحرفة» والأشكال المائلة والمستقيمة. 


خامساً: المحاذاة 41101113614: 


يشير مصطلح المحاذاة إلى الطريقة التي تصطف بها عناصر التصميم خلال الصفحة لتحقيق الوحدة 
البصرية» وتنقسم المحاذاة إلى نوعين هما: 
- المحاذاة الأفقية 1004م وأا4 اداده12:ه!!: 
تشمل محاذاة النصوص ناحية اليمين أو اليسار أو الوسط أو الضبط: 
«» يعيب المحاذاة ناحية اليمين أو اليسار في اللغة الإنجليزية والعربية عدم ضبط 
نهايات الحروفء بيد أنها تتميز بعدم ترك مسافات بيضاء زائدة بين الكلمات. 
» يعيب محاذاة الوسط عدم ضبط بدايات ونهايات كل سطر على الجانبين ويميزه ترك 
مسافات بيضاء. 
» يعيب محاذاة الضبط توسيع المسافات البيضاء بين الحروف ويميزه ضبط بدايات 
الحروف ونهاياتها. 
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تشمل المحاذاة الأفقية علاوةً على محاذاة النصوص محذاة الأشكال المرئية من صور 
ورسومء وفي هذا تطبيق لمبدأ الحركة مرة أخرى. 

- المحاذاة الرأسية 11 نم61 /: على غرار ضبط النصوص و«الأشكال المرئية 
بالاتجاه الأفقي تلجأ الصحف أيضاً إلى الاتجاه الرأسي في تقديم بعض أشكالها المرئية. 


سادساً: التناسب 016101م2/0: 


يشير التناسب في تصميم صفحة الويب إلى علاقة بين ثلاثة عناصر أو أكثر كالعلاقة بين الحجم 
والمساحة والكم» كما يشير التناسب إلى الأحجام من زاوية» ووزن العناصر المتنوعة في التصميم من 


زاوية أخرىء ويأخذ التناسب في الصفحة عادة أشكالاً عدة منها: 


- التناسب في حجم حروف النصوص: يُقصد 
قاعدةً لتناسب النصوص وهي زيادة حجم 
العناوين عن المقدمات بمقدار نقطتين» 
وزيادة المقدمات بمقدار نقطتين عن حجم 
المتن» لتحقيق انسيابية الرؤية 


- التناسب في حجم الأعمدة: يُقصد به 
تناسب الأعمدة الكبيرة مع الصغيرة 
وتناسب المواد التي تحتوي عليهء فلا 
يجوز على سبيل المثال أن يكون هناك 
عمود مكتظ بالنصوص والصور وآخر 


فارغ. 
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- التناسب في مساحة الصور: يجب 
أن تتناسب أحجام الصور مع 
بعضها البعض من زاوية» ومع 
الموضوع الذي تعرض له من زاوية 


أخرى: فلا يصح أن تكون هناك 





مور كبيرة العجم امع تدع كيه 
يق جذاء:وا أيضاً. الاسم 
صغير وأ صحيح اب 
© #سسرم 





سابعاً: الإيقاع 00 طغلاطا: 


يُعرّف الإيقاع بأنه تكرار عناصر التصميم مثل 
الخطوط والأشكال والألوان والفراغات لكي تعطي 
التصميمٌ الحيوية» ويستخدم المصمم هذا النوع 
عندما يريد أن ينتقل القارئ من عنصر إلى آخر 
على الصفحة» وقد استعار فن الإخراج الصحفي 
هذا الميداً مكله مثل سائر .الفنون ‏ البصرية من 


الفنون الموسيقية» وهناك شبه تقارب بين مبدأي 





الوحدة والإيقاع يتمثل في تكرار بعض عناصر التصميم على الصفحة»ء لكن بشكل متوالٍ على عكس 
الوحدة» ويمكن تحقيق الإيقاع في التصميم عادةً بمحاذاة الصور الأفقية والرأسية» فالإيقاع يتحقق عادةً 
في الصور المتسلسلة متماثلة المساحة والشكل واللون. 
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خاتمه: 
استطاع مصممو ومطورو المواقع الإلكترونية من خلال وضع العديد من التصميمات الإخراجية 
لصفحات الويب» واستناداً إلى المبادئ التي يستخدمها مصممو الصحف الورقية واستناداً أيضاً على 
العديد من الأسس الفنية والتقنية والنفسية للتأثير على المستخدم استطاعوا التوصل إلى مجموعة من 
المبادئ الرئيسية التي يمكن الاعتماد عليها للوصول إلى تصميم جذاب وفعال وسهل الاستخدام» كالوحدة 


والتوازن» والتباين والحركة» والمحاذاة والإيقاع؛ وغيرها من المبادئ. 


وأشار هؤلاء المصممون إلى تداخل وتشابه هذه المبادئ في العديد من الأسس والطرائق التي تتبعهاء كما 
أشاروا إلى ضرورة تحقيقها وتطبيقها أحياناً بالتصميم نفسه حتى يمكنّ الاستفادة القصوى من ميزات 
كل مبدأ. 


وكان الهدف من عرض هذه المبادئ ليس فقط التعرفت على مزايا وعيوب تطبيق أسس ومبادئ تنظيم 
العناصر البنائية لصفحة الويب على اختلاف أشكال هذه العناصر وأنواعهاء وإنما الاستفادة من آلية 
تطبيقها في تصميم الصحف الإلكترونية» والتي تشمل جميع المواقع الإخبارية (السياسية وغير السياسية)» 
والتي لها أصل ورقي مطبوع أو ليس لهاء والتابعة لمؤسسات حكومية أو هيئات ومؤسسات خاصة» 
وغيرّها من المواقع التي تشابه الصحف المطبوعة في نشر المعلومات والأخبار والأحداث بشكل دوري 
وتحديث دائم» وهو ما يهم النسبة الأكبر من متصفحي مواقع الإنترنت والدارسين والباحثين في مجال 
الإعلام والاتصال» وهو ما سيتم التعرض له في الوحدة التالية والمتعلقة بتصميم الصحف الإلكترونية؛ 
والعناصر التيبوغرافية والغرافيكية والتكنولوجية المكوّنة للبناء التصميمي لهذه الوسائل. 
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الخلاصة 
يعتمد تصميم صفحة الويب وتصميم الموقع الإلكتروني وترتيب العناصر البنائية لهذه الصفحة على 
مجموعة من الأسس والمبادئ التي تساعد على توظيف هذه العناصر بشكل يحقق الجاذبية والتصفح 


وتتحدد مبادئ التصميم الإلكتروني في أربعة مبادئ أساسية: التوازن والوحدة» والتباين والإيقاع» وقد 
أضاف إليها المصممون مجموعة من المبادئ كالاتجاه والتكرار» والنسبة والتناغم» والتدرج والحركة؛ 
والسيطرة والمحاذاة» والتقارب» لكنهم ونظراً لتتداخل وتشابه العديد من هذه المبادئ وجدوا أنه من المناسب 
تحديدها في سبعة مبادئ أساسية هي: التوازن والوحدة» والتباين والحركة» والإيقاع والتناسب والمحاذاة 
وتراعي هذه المبادئ الأسس الفنية التي تسعى وراء تقديم صفحة ويب جذابة ومثيرة الاهتمام» كما تراعي 
الأسس التقنية للوسيلة التي يتم من خلالها عرض هذه الصفحة وهي الإنترنت» ففيها العديد من 
الإمكانيات التي يمكن تسخيرها وتوظيفها بالاعتماد على هذه المبادئ في خلق تصميم فعال» ولا يمكن 
تناسي الأسس النفسية التي يمكن من خلالها التأثير على المستخدم لإعطائه الإحساس بأن الموقع الذي 
يتصفحه هو الذي يلبي حاجاته وتفضيلاته من الناحية الشكلية والوظيفية. 
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اختر الإجابة الصحيحة: 


1. من أهم مبادئ تصميم صفحة الويب والذي يعني إعطاء مساحات الصفحة الثقل والوزن 
نفسيهما: 
8. التباين. 
8. التوازن. 
. الوحدة. 
0. التكرار. 


الإجابة الصحيحة: 8 التوازن 


2. من أنواع مبدأ التوازن: 

6. التوازن المتمائل. 
. التوازن اللامتمائل. 
القراين الاقساعي: 


بقن ا سهان 


ها 60 لا 1[] 
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3. يأخذ التناسب في الصفحة عادةً أشكالاً عدة منها: 
م التناسب في حجم حروف النصوص وفي حجم الأعمدة فقط. 
58 التناسب في حجم حروف النصوص» وفي حجم الأعمدةق وفي حجم الصور. 


الإجابة الصحيحة: 5 التناسب في حجم حروف النصوص» وفي حجم الأعمدة. وفي حجم 
الصور 
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الوحدة التعليمية الثامنة 


تصميم الصحيفة الإلكترونية 


العناصر : 


“» مقدمة. 
*** مفهوم الصحافة الإلكترونية. 
** خصائص الصحافة الإلكترونية. 
*» تصميم الصحف الإلكترونية. 
#* أسس الإخراج الصحفي: 

« الأسس الفيزيولوجية. 

« الأسس الصحفية. 

» الأسس الفنية. 

» الأسس النفسية. 


٠ه‏ خاتمة. 
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الأهداف التعليمية: 
بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 


. يحدد مفهوم الصحافة الإلكترونية. 

. يشرح شروط بناء مواقع الصحف. 

. يشرح خصائص الصحافة الإلكترونية. 

. يحدد كيفية تصميم الصحف الإلكترونية. 

. يشرح الأسس الفيزيولوجية للإخراج الصحفي. 
. يشرح الأسس الصحفية للإخراج الصحفي. 

. يشرح الأسس الفنية للإخراج الصحفي. 

. يشرح الأسس النفسية للإخراج الصحفي. 


سر رح يا لد را حتُهثُ > قل من 


الكلمات المفتاحية: 


الصحافة الإلكترونية - شبكة الويب - لغات البرمجة - أدوات التجول - برامج التصفح - الفنون 
الصحفية - عرض الشرائح المصورة - عرض الشرائح مع السرد - القصص المسموعة - التحرير 
الإلكتروني - قالب التصميم - قالب المقاطع - قالب الساعة الرملية - الصحف الإلكترونية الكاملة - 
النسخ الإلكترونية - مواقع مرتبطة بوسائل الإعلام - مواقع إرشادية - مواقع إعلامية قائمة على التعليق 
- مواقع المناقشات - الوسائط المتعددة - النصوص التشعبية - التفاعلية - الآنية - الأرشيف 
الإلكتروني - الإخراج الصحفي - الأسس النفسية - الأسس الصحفية - الأسس الفيزيولوجية - الأسس 
الفنية. 
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أولاً: مقدمة 


تغيرت صورة الوسائل الإعلامية بعد ظهور 

الإنترنت» ولعبت هذه الشبكة في البداية دور 27205 

الوسيط الاتصالي الذي نقل خدمة الوسائل 

الإعلامية الجماهيرية التقليدية» فظهرت من خلالها 

العديد من مواقع الصحف الورقية المطبوعة: 1-3 


وتبعها العديد من مواقع المحطات والقنوات التلفزيونية والإذاعية» ويمكن القول في الوقت الحالي إن جميع 
هذه الوسائل لها وجود على الإنترنت» ولم يقتصر الأمر على لعب الوسيط الإعلامي والاتصاليء 
فظهرت العديد من المواقع الإلكترونية التي ليس لها أصل إعلامي واقعي» لتصبح الوسائل الجديدة التي 
تقوم بالوظائف نفسها التي تقدمها الوسائل التقليدية» يضاف إليها وظائف أخرى فرض ظهورّها طبيعة 
الإنترنت والإمكانياث التقنية التي تتمتع بهاء وتحولت هذه الوسائل إلى وسائل تفاعلية غيرت من طبيعة 
الاتصالي الأحادي الاتجاه الذي كان سائداً إلى الاتصال الثنائي الاتجاه؛ وأعطت للمستخدم حرية وتحكماً 
أكثر في العملية الاتصالية» وزادت مساحة المشاركة والتبادل» والانتشار والتوصيلء وقد اهتم الباحثون 
بعملية بناء وتصميم هذه الصحفء وركزوا على أهمية تصميمها واخراجها بالشكل الذي يساعد على 
سهولة استخدامها والوصول إلى المعلومات» وهو ما سيتم التعرض له في هذه الوحدة. 
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ثانياً: مفهوم الصحافة الإلكترونية 


تضم الإنترنت الآن كل أنواع التطبيقات الإعلامية الإلكترونية من 
الصحف الإلكترونية (التي لها أصل ورقي والتي ليس لها)» والمواقع 
الإخبارية» والإذاعات عبر الإنترنت» والتلفزيون عبر الإنترنت» 
ووكالات الأنباء عبر الإنترنت» وغيرها من التطبيقات التي يمكن 
اعتبارها شكلاآً من أشكال الصحافة الإلكترونية» لأنها تقوم بتقديم 
الأخبار والمعلومات والأحداث اليومية بشكل دوري يوميء؛ أو خلال 
شاعات أو أحياناً خلال دقائق: 








ويذكر الباحثون أن الصحافة الإلكترونية ظلت حتى العام 2000 قاصرة عن استخدام أساليب وتقنيات 
النشر الإلكتروني على الإنترنت» فكانت مجرد نسخ إلكترونية من المحتوى المعلوماتي للصحف الورقية؛ 
على مستوى المضمونء وكانت مجرد صورة شكلية 61 من بعض المواد الصحيفة الورقية» أو شكلاً 
محولا 501 من النصوص والصور والأشكال والصفحات من الصحيفة الورقية على مستوى الشكلء إلى 


أن ظهرت خدمة الويب» وغيرت الصورة المقدمة للمواقع والصحف الإلكترونية بشكلٍ تام. 


تُعرّف الصحيفة الإلكترونية "بأنها كل إصدار إلكتروني فوري يتم نشره عبر الويب» صُمم باستخدام إحدى 
لغات الترميزء يقوم المستخدم بتصفحه عبر شاشة الحاسب الآلي» باستخدام برامج التصفح» ويستخدم 
هذا" الأضكان كل : الفتون. الصنسقية وقوالب: التحرير . القايدية والمسقطدكة" ونقور هذا القعريف» إلى 


مجموعة المحددات التالية: 


1) الصحيفة الإلكترونية تشمل كل أشكال التطبيقات الإعلامية التي تقدم المضامين الإخبارية» سواء 
منها: 
« المواقع التابعة لوسائل إعلامية تقليدية (صحف ورقية» قنوات تلفزيونية» محطات إذاعية؛ 
وكالات أنباء)» والتي تقدم المحتوى المعلوماتي نفسه تقريباً. 
« المواقع الإخبارية المتنوعة المجالات؛ والتي ظهرت مباشرة على الإنترنت» وقدمت محتوى 
معلوماتياً مخصصاً للعرض على شبكة الويب» ومستخدماً الأساليب والقوالب الصحفية 
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المستحدثة للتحرير الإلكتروني والتي تميزها عن المواقع الخدمية أو التجارية أو الحكومية 
وما شابه ذلك. 

« المواقع التي تحوي كل آليات التجول والإبحار» والأدوات التفاعلية» والأدوات التي تمكّن 
المستخدم ليس فقط من قراءة الأخبارء وانما إضافة المعلومات» وإلغاء الوساطة بينه وبين 


الوسيلة» أي العمل بشعار الويب: اقرأ واكتب 1050أ160/! ع][]لالا 8 620. 


2- كما يشير هذا التعريف إلى أن هذه الصحف تعتمد البث على شبكة الويب؛ أي يمكن استبعاد 


كل ما هو خارجهاء كخدمات التليتكستء والصحف التي يتم تخزينها على أقراص مدمجة (61. 


3- يستخدم في ترميز وانشاء هذه الصحف إحدى لغات البرمجة والترميز كلغة ال 111/1آ؛ أو 
-الاكاء مما يسمح للقارئ استخدامها وتصفحهاء لا مجرد التعرض لها. 

4- تتيح هذه الصحف لمستخدميها التجول عبر صفحاتهاء والوصول إلى محتوياتها باستخدام أدوات 
التجول والإبحار المختلفة» كما تتيح له استخدام التطبيقات التفاعلية التي تمكّنه من التواصل 
المباشرء والاستخدام الفعال مع القائم بالاتصال في هذه الصحيفة. 

5-يتم التصفح باستخدام العديد من برامج التصفح التي تمكّن المستخدم من استعراض الملفات 
النصية» والمحتوى المرئي من هذه الصحيفة. 

6- أهم ما يميز هذه الصحيفة: 

«» استخدام الفنون الصحفية التقليدية كالأخبار والتحقيقات والحوارات. 
» واستخدام الفنون الصحفية المستحدثة مثل: 
عرض الشرائح المصورة 510115 ©5106 حول حدث من خلال توظيف الصور 
المتغيرة والعناصر الغرافيكية. 
ه عرض الشرائح بمرافقة السرد 5110651010 3803003460. والذي يقدم عرضاً متكاملاً 
للقصص الإخبارية بمرافقة التعليقات المعبرة بما يشبه البرامج الوثائقية أو القصص 
المسموعة 5101165 6100190 لإضافة معان جديدة على القصص الإخبارية. 
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© استخدام الوسائل المتعددة التفاعلية 0©013:]اناا/لا 11673016 لتقديم مضامين 
معلوماتية واخبارية متضمنة العديد من العناصرء كالصور والتعليقات والنصوص 
والفيديو. 
ه عرض الوثائق أو النسخ الأصلية 173050611015» كتقديم الحوارات والمقابلات 
الأصلية. 
7-كما يعتمد هذا النوع من الصحافة على قوالب ومدارس مستحدثة في التحرير الإلكتروني» سواء 
في كتابة الأخبار أم إجراء الحوارات والتحقيقات مثل: 
« قالب التصميم 0310ه51019/8 الذي يسمح بإدخال الصوت والصورة مع التحقيق 
الصحفي. 
© قالب المقاطع 1661710106 56011017 الذي يناسب التحقيقات الطويلة والمركبة. 
« قالب الساعة الرملية الذي يناسب القصص الإخبارية التي تحوي الكثير من العناصر 
والتطورات المهمة. 
وغيرها من الفنون الصحفية الإلكترونية التي أصبح الاعتماد عليها أمراً ضرورياً يمليه شكل 
العرض المستحدث في هذه الوسائل» وحجم المعلومات المتوافرة فيهاء وحاجة المستخدم إلى 
الحصول على كم أكبر من المعلومات بشكل مختلف ومتطور يتناسب وهذه الوسيلة. 


ثالثاً: أنواع الصحافة الإلكترونية 
يصنف الباحثون الصحف الإلكترونية حسب النوع إلى نوعين رئيسين هما: 


1 -صحف إلكترونية كاملة: تُعرض على الإنترنت» واما أن تكون تابعة لمؤسسات إعلامية أو 
لا. 
2-نسخ إلكترونية: تعرض صوراً أو مواد من بعض محتويات الصحف الورقية الأصلية» أو تقدم 


صورة عرام عن هذه الصحف. 


يصنف الباحثون الصحف الإلكترونية حسب تفاعلها مع المستخدمء ومنها: 
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1 - المواقع المرتبطة بالوسائل الإعلامية: لكنها تضيق من حجم مشاركة الجمهور معها. 

2- المواقع الإرشادية: وهي المواقع التي ترتب وتصنف محتوياتها المعلوماتية» وتوظف محركات 
البحث للوصول إلى مصادر المعلومات» مثل موقع 78100. 

3- المواقع الإعلامية القائمة على التعليق: التي تتيح للمستخدم مناقشة المعلومات 
المعروضة في وسائل الإعلام» ويُّنتج مضمون هذه المواقع صحفيون واعلاميون متخصصون. 
مثل موقع ا© 05322 وألعا/! ولالاره؟ 0010ع 6 . 

4- مواقع المناقشات والمشاركات: وهو الاتجاه الذي تتبناه العديد من الصحف الإلكترونية؛ 


والتي تسمح لمستخدميها بمشاركة عالية» وتحكم أكبر بالمضمون المقدم. 


رابعاً: خصائص الصحافة الإلكترونية: 

تتميز الصحافة الإلكترونية» كما دلت على ذلك الدراسات والأبحاث بالعديد من السمات والخصائص التي 
تجعلها تختلف اختلافاً كبيراً عن غيرها من الوسائل الإعلامية الورقية وغير الورقية» ومن هذه 
الخصائص: 





1 - تسمح هذه الوسائل بتوظيف كل أشكال المعلومات المعروضة على وسائل الإعلام التقليدية» من 
نص وصوت وصورة وفيديو ورسوميات» من خلال استخدام الوسائط المتعددة 176013]اناالااء 
التي أضافت إلى المحتوى المعلوماتي قدرة أكبر على الجذب والتأثيرء وإن كان الباحثون يوصون 


باستخدامها بقدر معقول ومناسب حتى لا تعيق عملية التصميم. 
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2- كما تستفيد من فكرة استخدام الويب للنصوص التشعبية 56146«4/إ1! التي تُعد نظاماً متصلاآً من 
الوحدات المعلوماتية المنفصلة» والتي تستخدم لربط المستخدم بخلفيات معرفية إضافية» أو 


عا ماف مقصلاة ومرقيظلة بالمعلو ماق زاكلق حسيفهة الويب وكارهيا: 





3- وتوفر هذه الصحافة قدراً كبيراً من التفاعلية 17161/26111011 من خلال زيادة الروابط التشعبية» 
لزيادة خيارات المستخدم للتجول.» وتوفير 
الوقت والجهد عليه من خلال التواصل 
والتفاعل والرد على طلبات واستفساراء” 
المستخدم»ء ومن خلال تسهيل الاتصال 
المباشر المتزامن وغير المتزامن مع حر 
الصحيفة» ومن خلال تسهيل اح ظ سم 
إضافة المعلومات من قبل المستخدم لرفع درجة المشاركة» أو من خلال وضع نظام للمراقبة 
وإحصاء عدد الزوار للتمكن من الوقوف على حجم الاستخدام» كل ذلك للمساعدة على رفع 
معدلات الاستيعاب والفهم لدى المستخدمين. 





4- الآنية /ا1701760136: وهي من أبرز ميزات الصحيفة الإلكترونية» إذ تعتمد على نشر المعلومات 
والمضامين الإخبارية» فيقوم المحرر بتحديث مادته الإخبارية بكل جديد عندما يطرأء مما يفعّل 
من خدمة الأخبار العاجلة. 
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5- الأرشيف الإلكتروني: ويشمل كل أشكال المعلومات والصورء والمقاطع الصوتيةء ومقاطع 
الفيديو» وغيرها من المواد التي تتيحها الصحف لمستخدميها بشكل سهل عبر قاعدة بياناتهاء 
والتى اتيم لكم خاكل من الموضيوعات: 





خامسا: تصميم الصحف الإلكترونية: 

يخلط مخرجو الصحف والأكاديميون بين مصطلحين: تصميم الصحف والإخراج الصحفي. 

ويعرّفون الإخراج الصحفي على أنه مجموعة العمليات الفنية التي تساعد على خروج الصحيفة ونشرهاء 
أو هو عملية توزيع الوحدات التيبوغرافية فوق مساحة الصفحة وفقاً لخطط وأسس معينة» وقد يطلقون 
عليه تصميم الصفحة 10651075 /610/50306ل2: أو توضيب الصفحة ألاملا2ا /5096/ا6لا أما 
الكتابات الغربية في هذا المجال فتستخدم تعبير (تصميم) الصفحة وهندستها باعتبار أن الإخراج عملية 


تصميمية:؛ ويُعدون أن الإخراج عملية تصميم مركبة تتم على مرحلتين متعاقبتين ومتلازمتين تقريباً: 
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1- المرحلة الأولى طويلة المدى: وتتضمن وضع التصميم الأساسي للصحيفة 065197 83516, 
والذي يحدد هويتهاء ويرسم ملامحهاء ويتميز بالثبات النسبيء» فلا يتغير إلا خلال فترات زمنية 
طويلة. 

2- المرحلة الثانية قصيرة المدى: يتم فيها وضع التصميم المتغير للصحيفة دورياً» يومياً أو أسبوعياًء 
بما يتفق مع ترتيب وتوزيع المواد التحريرية» والعناصر التيبوغرافية» وفقاً لأحد الأساليب 


والمدارس الإخراجية المعروفة. 


ويُذكر المصطلحان مترافقين أيضاً في كثير من الأدبيات التي تتحدث عن تصميم الصحف الإلكترونية؛ 
لأن المصمم هو الذي يقوم بعملية إخراجها حتى وهي قيد الاستخدام» بينما تنتهي علاقة المخرج 
الصحفي بصحيفته فور خروج الصحيفة من المطبعة» ولهذا فإن الحديث عن تصميم الصحف 
الإلكترونية سيتداخل معه الحديث عن إخراج الصحف الإلكترونية مع الأخذ بعين الاعتبار أن قواعد 
إخراج وتصميم الصحف الإلكترونية ينطبق عليها قواعد واخراج صفحات الويبء والذي سبق ذكره في 
الوحدات السابقة» لكن التركيز هنا سيتم على العناصر البنائية الصحفية التي قد يتشابه بعضها مع 
عناصر بناء صفحة الويب, والتي يمكن تقسيمها أيضاً إلى ثلاثة أنواع: 


« العناصر البنائية التيبوغرافية التقليدية: من نصوص وخطوط 
وعناوين وفواصل وجداول. 

« العناصر البنائية الغرافيكية: الرسوم والصور والألوان. 

العناصر البنائية التكنولوجية: الوسائط المتعددة والنص 
المتشعب» ويعتمد إخراجها وتصميمها على مجموعة من 
الأسس التي يرتكز بعضها على الإدراك البصريء ومنها ما 
يعتمد على التركيبة النفسية للمستخدم» ومنها أسس صحفية 
خاصة بالقيم الخبرية» وأخرى فنية تهتم بطريقة عرض المادة 
الصحفية وشكلها. 
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سادساً: أسس الإخراج الصحفي 
أ- الأسس الفيزيولوجية: 


تعتمد الأسس الفيزيولوجية على الاهتمام بدراسة العين باعتبارها أداة القراءة» ويهتم المخرج الصحفي 
بالمبادئ التشريحية لهذه الأداة» وأهم الوظائف التي تؤديها حتى يستطيع أن يوفر للمستخدم عملية القراءة 


بوضوح وهدوء مع مراعاة قدرة العين على القراءة 
من الشاشة» وتأثرها بالعديد من العوامل» فالعين 
تتأثر بدرجة سطوع الشاشة» وبصغر حجم الحرف 
وطريقة عرضه. إذ لا يفضل الحرف المائل لأنه 
يظهر متموجاً على الشاشة» وكذلك تتأثر العين 
بالألوان المستخدمة:» ووفقاً للنظرية السائدة 





0 . 
“ا صات ه 


للإدراك الحسي البشري للألوان فإن شبكية العين تمتلك ثلاثة أنواع من الخلايا المخروطية وكل واحدة 
منها حساسة إلى مدى معين من الأطوال الموجية المختلفة» لذلك فإن تميز أي لون يمكن أن يثار بمزج 
الألوان الأساسية الثلاثة (الأحمر والأزرق والأخضر).» ويعمل التلفزيون الملون على هذه الفكرة ويعطي 
انطباعاً للطيف اللوني كاملاً باستعمال مصفوفات فسفورية نقطية من الأخضر والأحمر والأزرق» ولكن 
مجموعة مختلفة من الألوان الأساسية تستعمل في الطباعة لأن الألوان والصبغات تمتزج بطرائق مختلفة 
عن امتزاج الضوء الملون لتشكيل الطيف اللوني. 

ويعد تيسير عملية القراءة من الأهداف الرئيسة للإخراج الصحفيء وذلك 
لأن الصحيفة هي عبارة عن وسيلة بصرية لإيصال مضمون الرسالة 
الإعلامية إلى عقل القارئ لإحداث التأثير المطلوب» وقد ذكرت بعض لاحن مم5 - 


الدراسات أن العين لا تقرأ المضامين بشكل خطوطهء وإنما تقرؤها على عه - 
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وتتطلب عملية تحريك عين المشاهد خلال صفحة الويب مراعاة مجموعة من الاعتبارات أهمها: 


1 - ضرورة ترتيب العناصر المتشابهة بطريقة متدرجة. 
2- ضرورة وضوح أدوات الإبحار المتمثلة في الروابط. 
3- ضرورة ترتيب العناصر البنائية على الصفحة حتى لا تتحرك (العين) حركة عشوائية. 
ب-الأسس الصحفية: 
الصحيفة (الإلكترونية وغير الإلكترونية) هي شكل 8ه 


ومضمونء» أو بتعبير آخر مظهر ومحتوى»: ولكي م0 


يكتمل بناء الصحيفة وتؤديَ وظيفتها على أكمل وجه 
يجب أن يهتم المصمم بهذين الركنين»ء الشكل 





- 0 بده 
ل 77د 
بس 

ورعوية 


ببحمص وعدم 





<2 


ومس 


ممه 





اوور 


أو المواقع ذات المضمون الجيد لرداءة شكلهاء فإن المظهر الجيد والجذاب الذي يحتوي على مادة تافهة 
ورديئة يصدم القراء» وهناك مجموعة من الشروط الواجب توافرها في المحتوى الصحفي حتى يكون 
صالحاً للنشر منها: الصدق والدقة» والقرب والضخامة» والغرابة والحالية» والجدة والإثارة» كما تزداد أهمية 
المضمون الصحفي كلما زاد عدد الأشخاص الذين يمس حياتهم ويقترب من اهتماماتهم» وكلما وضحت 
دلالة ومغزى سياسة الصحيفة أو الموقع. 


2-6 الأسس الفنية: 


إن الإخراج الصحفي الحديث ينظر إلى الموقع أو 
الصحيفة على أنها وحدة متكاملة من حيث الشكل 
العام الذي يكسبها شخصية مميزة بين الصحف 
الإلكترونية» والمخرج الصحفي هو الذي يقوم 
بوضع كل خبر في المكان المناسب له على 
الصفحة» وهو الذي يراعي دائماً أن تكون 
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العناصر البنائية منسقة بشكل جميلء مؤلّفة معاً وحدة متكاملة تجذب القارئ» والتكوين الفني للصفحة له 


خصائص لا بد من توافرها كالتوازن والإيقاع والوحدة والتباين. 
3->- الأسس النفسية: 


تتعلق هذه الأسس بالمستخدم ذاته من حيث 
التركيب النفسي والنضج العقلي الذي تتحكم فيه 
متغيرات منها: 
1-الفئة العمرية للمستخدم: فالمستخدمون 
الشباب يفضلون التصميم الحيوي المتجدد 
دأكماء شكلا ومضفوتا» أمنا كيان الس 





فيفضلون الإخراج والتصميم التقليدي المحافظ» ويرون أن الإخراج العمودي أكبر دليل على 
الوقارء أما الأطفال فيفضلون الصور والألوان. 

2- جنس المستخدم: تفرق الأسس النفسية للإخراج الصحفي بين الذكور والإناث» والقاعدة النفسية 
تنصح باختيار ما يعبر عن الرجل إذا كان موجهاً إلى الجنسين» وإبراز النواحي النسائية في 
المضامين الموجهة للنساءء والاهتمام بالنواحي العاطفية عند المرأة كالأمومة والأسرة. 

3- عادات القراءة أو التصفح: يختلف المستخدمون من حيث أساليبهم في القراءة والتصفح» ويفضل 
البعض قراءة العناوين» واختيار ما يهمه من الأخبار ليقرأهاء ومنهم من يفضل قراءة مقدمات 
الأخبارء بينما يركز آخرون على النواحي الأدبية والفنية» وعلى المخرج أن يحصل على 
المعلومات الكافية عن عادات وأساليب التصفحء حتى يلبي لهؤلاء جميعاً ما يتناسب مع عاداتهم 
وحاجاتهم. 

4- ذوق القارئ وعقليته وأحياناً تعليمه: دلت الدراسات على أن المستخدمين الأعلى تعليماً والأكثر 
ثقافة لا يهتمون كثيراً بالعناوين العريضة والألوان وكثرة الصورء. بل يهتمون أكثر بالمضامين 
والأفكار المطروحة والمعلومات» وهذا ما يدعو المخرج إلى العمل على إيجاد التوازن المطلوب 
بين الأسلوب الإخراجي الجذابء, والمحتوى المعلوماتي العميق. 
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وفي هذا الإطار لا بد من أن يضع مخرج الصحيفة في الاعتبار دراسة الجمهور من الناحية النفسية 
والتعرف على السمات أو الأمزجة النفسية لكل فئة من فئات الجمهور ونوعيته» ومضمون المادة 


التحريرية التي تدخل في دائرة اهتمام كل فئة. 


والتركيب النفسي لجمهور القراء» ليس فقط هو الذي يتحكم في أمزجة القراء ويحدد مجالات اهتمامهم, 
وانما أيضاً درجة النضج العقلي التي تمثل جانباً مهماً لتكوين اتجاهات القراء واهتمامهم» ويتحكم في 
درجة النضج العقلي مجموعة من المتغيرات من أهمها السن والجنس والعادات والتقاليد. 


هذه الأسسء» وغيرها من المبادئ والأسس التي تحكم عملية تصميم واخراج الصحافة التقليدية 
والإلكترونية يضعها المصمم بعين الاعتبار في أثناء تصميمه» ويراعي تلافي أوجه الضعف التي 
تعترض تصفحها بشكل أسهل لتحقيق الاستفادة القصوى من خصائصهاء ومن أوجه الضعف هذه: 
1- يسهل التعامل مع الوثيقة الورقية من حيث القراءة والتقليب والوصول إليهاء بينما تقفز عين 
المستخدم قفزاً بين سطور المعلومات على شاشة الكمبيوترء وقد يجد صعوبة في التعرف على 
أدوات الإبحار. 
2- يرغب المتصفح بالتعرف سريعاً على محتويات الصفحة» ليعرف إن كانت تهمه أو لاء لينتقل 
إلى موقع آخر. 
3-يصعب على الصفحة الإلكترونية استيعاب كل المعلومات» ليس من الناحية التقنية» وإنما من 
حيث أسلوب العرض المفضل. 
4- الاختلافات الكبيرة بين اهتمامات وإمكانيات المستخدمين» فمنهم من يفضل الإيجاز» ومنهم من 


يفضل السرد الطويل» ومنهم من لديه الاهتمام بموضوعات معينة» ومنهم من لا يهتم. 
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وقد حدد الباحثون لتلافي أوجه الضعف هذه وغيرها 
مجموعة من شروط بناء مواقع الصحف الإلكترونية؛ 
التي تساعد المصمم على تلبية احتياجات المستخدمين 
المختلفة» ومنها: 





1-المزج بين المحتوى والشكل عند تكوين الموضوع أو الفكرة» ويتم هذا بتعاون المحرر مع المصمم 

في إنشاء التصميم الذي يساعد على سرعة وسهولة التصفح. 

2- يجب أن يظهر التصميم بصورة واضحة وسريعة للمستخدم بحيث يتضمن خريطة للمحتوى في 
شكل رسوميات أو عناوين تساعد المستخدم في التحرك والتنقل بين الصفحاتء ويتحقق ذلك من 
خلال مهارة كتابة العناوين الرئيسية والفرعية» وتحقيق الروابط بين الأجزاء والمقاطع أو 
الصفحات مع عدم تجزئتها في الصفحة الواحدة» واستخدام أسلوب ثابت للكتابة في الأجزاء 
والصفحات المرتبطة. 

3- تصميم المحتوى المعلوماتي على شكل أعمدة حتى لا يؤدي إلى إجهاد العين في تتبع السطور 
الطويلة» ولتوفير مساحات بيضاء تخفف من هذا الإجهاد»ء ويذكر الباحثون أن السطر يجب أن 
يتراوح ما بين 40 و60 حرفاً بحيث يتراوح حجمه بين 12 إلى 14 بنطأء مع تجنب الكثافة 
السوداء» والخطوط المائلة. 

4- وضع القوائم الأفقية والرأسية» وتضمينها عناوين مركزة» وتضمين النصوص كلمات مفتاحية 
مميزة» وعناوين دالة» وكتل قصيرة من النص. 

5- تجنب العناصر الوامضة والمتحركة لأنها تشتت انتباه المستخدم» وتبطئ من عملية حصوله على 
المعلومات. 

6- استخدام الخصائص التيبوغرافية المختلفة لعرض النص على الشاشة» كاستخدام الألوان المعبرة» 
والخطوط الواضحة والبارزة. 

7- التأكد في أثناء عملية التصميم أن أشكال الحروف المستخدمة متوافرة لدى المستخدم بالتركيز 
على أنواع الخطوط الأكثر شيوعاً. 
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8- الحد من استخدام الأرضيات المنقوشة أو المزركشة» والصور والعناصر الغرافيكية التي تبطئ 
من عملية تحميل صفحة الصحيفة الإلكترونية» كما يجب أن يقلل من طولهاء ولا يمدها على 
أكثر من شاشة. 

9- يؤكد 11615017 9610ل أن استخدام الإطارات في عرض المحتوى الإعلامي يعيق عملية 
الطباعة والتصفح» ويرى ضرورة استخدامها بشكل معقولء ولاسيما أن المتصفحات الحديثة قد 
حلت هذه الإشكالياتء. وبالتالي يمكن الاستفادة من مزاياها في إبراز المعلومات» والفصل بينها 
أحياناً. 
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خاتمه: 
أصبحت الصحافة الإلكترونية في الوقت الحالي جزءاً أساسياً من وسائل الإعلام الجماهيرية التي 
يستخدمها الملايين من المستخدمين» ويعدونها واحدة من المصادر الأساسية للحصول على المعلومات» 
وتتمتع هذه الصحف بالعديد من الخصائص والسمات التي جعلتها وسيلة مختلفة عن باقي الوسائل 
الورقية والإذاعية والتلفزيونية» فهي تجمع هذه الوسائل معاء وتستفيد من ميزاتها وميزات الإنترنت التي 
تظهر عبرهاء ويشكل تصميم هذه الصحف الخطوة الأولى في طريق نجاح هذه الوسائل ووصولها إلى 
المستخدمين» لذلك يعتمد المصممون على طرائق وأسس الإخراج الصحفي التقليدي المختلفة» وأسس 
وطرائق الإخراج الصحفي الإلكتروني لضمان نجاحهاء وضمان تحقيقها لمتطلبات المستخدم وحاجاته. 

ويستفيد المصممون في تصميمهم واخراجهم لهذه الصحف من مجموعة العناصر الصحفية التيبوغرافية: 
كالنصوص والعناوين» والخطوط والفواصل والجداول التي تعتمد عليها الصحافة التقليدية الورقية 
والعناصر الغرافيكية كالصور والرسوميات والألوان» والعناصر التكنولوجية كالوسائط المتعددة والنصوص 
التشعبية في بناء هذه الصحفء وذلك من خلال تنظيم هذه العناصر وترتيبها بالشكل الذي يحقق 
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الخلاصة 


تضم الصحافة الإلكترونية العديد من مواقع الصحف الإلكترونية سواء لها أصل ورقي أم لاء ومواقع 
القنوات التلفزيونية والإذاعية» ومواقع وكالات الأنباء» وغيرها من المواقع الإخبارية التي تنقل وتحدث 
الأخبار والمعلومات بشكل دوريء لذلك يصنفها الباحثون إلى صحف إلكترونية كاملة» ونسخ إلكترونية 
عن وسائل الإعلامية موجودة» وتتميز هذه الصحف بالعديد من الميزات والخصائص كاستخدام الوسائط 


المتعددة» والنصوص التشعبية» والتفاعلية والآنية» ووجود الأرشيف الإلكتروني. 


ويتداخل مفهوم تصميم هذه الصحف مع مفهوم الإخراج الصحفي لهاء وهما المفهومان اللذان يشكلان 
المرحلتين الأساسيتين لنشر هذه الصحف على الإنترنت» ففي المرحلة الأولى» التصميم: يتم فيها وضع 
الخطوط العريضة والثابتة لتوزيع العناصر البنائية للصحيفة الإلكترونية» وفي المرحلة الثانية» الإخراج 
الصحفي: يتم فيها وضع التصميم المتغير للصحيفة دورياً» يومياً أو أسبوعياًء بما يتفق مع ترتيب وتوزيع 
المواد التحريرية والعناصر التيبوغرافية» ويتم بناء هذا التصميم المتغيرء الإخراج الصحفيء بناءً على 
مجموعة من الأسس النفسية والفيزيولوجية» والفنية والصحفية» وهذه الأسس وغيرها من المبادئ والأسس 
التي تحكم عملية تصميم وإخراج الصحافة التقليدية والإلكترونية يضعها المصمم بعين الاعتبار في أثناء 
تصميمه» ويراعي تلافي أوجه الضعف التي تعترض تصفحها بشكل أسهلء لتحقيق الاستفادة القصوى 
من خصائصهاء وذلك من خلال وضع العديد من شروط بناء المواقع الصحفية الإلكترونية. 
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. من خصائص الصحافة الإلكترونية: 
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. استخدام الوسائط المتعددة والنصوص التشعبية. 
٠‏ (68) و (8) صحيحان. 
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3. يفضل الشباب التصميم الرصين الذي يتسم بالوقار والجدية. 


لضي 
5 


الإجابة الصحيحة: 8 خطأ 
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أولاً: مقدمة 


ككل <النصوكن, .وما تتضمنه. .ين القطرز 

والكارووة. والقواضيك والجدارله والصور الايقة 20775 
العناضيس. النذائية التقليدية. وهي - العناصير. الى - 
ورثتها عن الصحافة الورقية عندما انتقلت إلى 


1 ] 1 1 ج ؟ا نه حي 
الإنترنت؛ إلا أن المصممين والمخرجين في البيئة ل :3ه ش 


الالكتروئة انيتخدموها ووظفوكاء اك 


وأخضعوها للمتطلبات البصرية والتقنية للوسيلة الجديدة بما يناسب هذه البيئة» وبما يخدم الرسالة 
الإعلامية» ويحقق وصولها إلى المستخدمين بنجاح؛ واستفادوا في الوقت نفسه من الإمكانيات المتطورة 
التي وفرتها هذه البيئة» كتوفير العديد من أنماط الخطوط أو توفير الملايين من تدرجات الألوان التي 
يمكن استخدامها في هذه المواقع» والتي لم يكن بالإمكان رؤيتها في الصحافة التقليدية» وإن كان بعض 
المصممين يرون في هذا العنصر بالتحديد أنه يدخل ضمن العناصر الغرافيكية. 


في هذه الوحدة سيتم التعرض للعناصر التيبوغرافية التقليدية المستخدمة في تصميم وبناء الصحيفة 
الإلكترونية: النصوص والخطوط والعناوين والجداول والفواصل» وطرق تقديمهاء وقواعد استخدامها في 
هذه الصحفء والوظائف التي تؤديهاء كما سيتم التعرض للعناصر التقليدية الأخرى كالصور الثابتة 
والألوان» وهي العناصر التي يفضل بعض المصممين أن يضعها ضمن مسمى العناصر الغرافيكية. 
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ثانياً: العناصر البنائية التيبوغرافية 
أ- النصوص: 


مازالت النصوص تحتل المراكز الأولى في اعتماد الصحف 
الإلكترونية والورقية عليها في بنائها الشكلي والدلالي» على 
الرغم من احتواء الإنترنت على عناصر بنائية ذات مقدرة 
عالية على نقل المضمون إلى القارئ في يسر وسهولة» 
فالنص ولاسيما الصحفي هو الوعاء الذي يحمل المعاني 
والأفكار التي يريد الصحفي توصيلها إلى المستخدم» وذلك 
باستخدام الحروف المتعارف عليهاء ويضم النص في بعض 
الفنون الصحفية عادة: الخطوط والعناوين والمقدمات»: ولكل 
نوع من هذه العناصر الثلاثة قواعد تحكم حركته داخل 
البناء الشكلي للصحيفة والمختصرة في الانقرائية 

/111أ6 562302 فالمخرج يهدف من وراء انقرائية النص إلى تقديم شكل يريح القارئ بصرياً ونفسياً 
لتحقيق التوافق بين الشكل والمضمونء كما يهدف إلى تحديد طريقة الدخول إلى النص من خلال 
العناوين الأساسية والفرعية والمقدمات. 





كاتللتطملدع1 


ويعرّف علماء التيبوغرافيا الانقرائية بأنها 'سهولة قراءة 
العين للنص". ويحددون مجموعة من العوامل تؤثر على 
الانقرائية» والتي يرتبط بعضها بالبنية الأساسية للنص» 
كنوع الخط وحجم السطر والعناوين» ويرتبط بعضها 
الآخر مثل الخلفيات والأماميات والتباين بالألوان» وسيأتي 
ذكرها “فى الحديك خن العناصر «القرافيكية) .ومن هذه 
العوامل: 

1-محاذاة النص: يما ينقاسب واللغة الستعدمة. تاحية اليسار .في اللغة" اللأتينية؛ ..والى. اليمين' في 





اللغة العربية: 
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2- استخدام نوع الخط بما يتفق مع المضمون المقدم في النص. 

3- تجنب استخدام أكثر من حجمين أو ثلاثة على الأكثر من الخطوط في النص. 

4- البساطة في استخدام الخطوطء وعدم استخدام الخطوط المزخرفة وغير التقليدية» إلا بما يتناسب 
مع المضمون المعلوماتي المقدم» كالموضوعات التراثية أو التاريخية أو الدينية أحياناً. 

5- استخدام النص القيادي 164 6230109 مثل العناوين والمقدمات بخط أكبر من النصوص. 

6- تحديد طول السطر بما يشابه طول السطر المستخدم في الصحافة الورقية. 

7- تحديد المسافات بين النصوص والهوامش من دون التعدي على المساحة المخصصة للمحتوى 
المعلوماتي. 

8- تحقيق التباين بين النص والخلفيات باستخدام ألوان متباينة. 

9- استخدام أدوات الإبراز من دون مبالغة» مثل: استخدام الخط المائل» والعريض» ووضع خط تحت 
الكلمة: وثلوين النص. 


العناصر المتضمنة في النص: 


وتضم النصوص مجموعة من العناصر المتضمنة 
فيهاء وهي العناصر التي تعطيها قوة التأثير 
المطلوبة على القارئ الذي يستطيع التوصل إلى 
المعاني والأفكار المتضمنة فيها بشكل أفضلء» 
وهي الحروف أو الخطوطء والعناوين والمقدمات» 
أو ما يطلق عليها النص القيادي: 





1- الحروف أو الخطوط: وتشكل الحروف الأساس الذي ثبنى وتشكل منها المادة النصية» ويتوقف نجاح 
هذه المادة ومدى وضوحها واقبال القراء عليهاء على: نوع الخط وحجمه واتساع السطور: 


1921 





أ- نوع الخط: 
تتيح تكنولوجيا الويب للصحيفة الإلكترونية ا "الى 1 
** رومومععلا رقصولمعء/١‏ ' 


مجموعة من الخطوط في صفحتهاء ويقوم 3 3مء ٠/‏ 
ممشعرضن اليب" بالنحة. عق هته العطية 5 

؟.' 121141 1 11111 
بترتيب كتابتهاء وإذا لم يدعمها يقوم بوضع 2 * 

: غ60 مفاكاصةط :1051 ؟أأزاع5 5305 م 


الخط الافتراضي بدلاً من هذه الخطوط. 
قد أوضحت الدراسات أن نوع الخط المستخدم يؤثر بشكل كبير على الانقرائية: 
« الخطوط التي لا تحتوي على زوائد 5905-56115»: أفضل في قراءتها من تلك التي تحتوي 
على زوائد كالخطوط الكوفية مثلاً. 
. الخط |8/13 هو أفضل الخطوط للقراءة بحجم 12 نقطة. 
« الخط 807730 60لا 110065 هو الأسوأ في القراءة عبر الشاشة سواء أكان ذلك في 
الخطوط الكبيرة أم الصغيرة. 
خط 6/0303/ هو الأفضل في قراءته» وقد عدّ المصممون أن خط 8/1931 هو الأفضل 
بالنسبة للعناوين والمقدمات؛ أما 7610313 فهو الأفضل بالنسبة للنص المستمر. 
هذه القواعد تصدق على الخطوط الإنجليزية ولا تصدق على الخطوط العربية. 
كما دلت الدراسات على أن استخدام عائلة الحروف نفسّها أمرٌّ ضروري لإيجاد الاتساق ووحدة 
الرؤية» فيجب استخدام عائلة الحروف نفسها في العناوين وقوالب النصوصء والأزرار والقوائم. 
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ب-حجم الخط: 


تستخدم صفحة الإنترنت مقاييسّ نسبية 
في تحديد أحجام الحروف المستخدمة» 
ويلاقي هذا التحديد العديد من 
الإشكاليات منها: 


بعض المتصفحات لا تدعم بعض 
أحجام الحروفء. كما أن للشاشة 
تأثيراً كبيراً في اختلافها. 

« لغة البرمجة المستخدمة في تصميم 
هذه الصفحات» فلغة ال 6585© 


تسمح باستخدام الخطوط الكبيرة» 


56008 


566 


06014 


السوضكر 
5-0-2 كد التشترقدالدو 


السيت 01 صفر 1434 ه 15 ديسمير 2012 السيث 01 صقر 1434 ه 15 بيسمير 2012 السد 12436 70007 


صفحة المدخل | الأولى الأخبار 


«ع«مفوعر رم ور سم سع مم ممسع ممم ممم مم ممعي 


لازا ال مذكرات التوقيف السورية الصائر 1 يحق التليين بع الحري 


َ الجدل الإعلام والسياسي لا سيّما الها لم للك طريق الأصول والل, 


: من هنا يعتبر وزير العدل اللبناني إبراهيم نجارء هذه المذكر اث غير 
٠‏ العدل اللبناني بشان حفيفه هذه المذكرات. وبالنالي لست ادري كيف 
' 

: 

: واكد نجار أن «إرسال هذه المذكرات إلى الإنتربول. لا يعني بالضرو 
؛ وهي ليست مفيذة بكل ما بردها من طلبات: وياتتاني يعود إلبها اتخلا 
ويئفت إبراهيم إلى أنّ «وصول هذه المذكراث التي صدرت في 9 دب 
؟ القضانية بين لبنان وسورياء ومن ضمنها التبليغ بهده الطريقه وبالة 
؟ مع العثم أنه كان قد أعثن أن المنظمة الدولبة نلشرطة الجنانية «1م 
٠‏ في الدول العريبة يفيد بأنه «نن يتم الاحنفاظ بها في قاعدة بيانات الا 
؛ هنهد واتني تنص على أنه (بمنع منها باتا عنى المنظمة أن تتدخل فر 


0 في المقابل» وخاصة بعد اتضاح صور ا ار ات من الناحية انا 
: هميشال سماحه المعارضة الل 


. تحمه مزاقف 3 






بينما تعتمد لغة ال 111/1]» أساليب مختلفة لتحديد أحجامها منها التقسيم الاثنا عشري» 


والتقسيم السداسيء والتقسيم السباعي. 


وقد اتفقت الدراسات على حجم الخط المثالي أنه الحجم الأكبر من الحجم المستخدم في 


الصحافة الورقية مع مراعاة القواعد التالية: 


1- حجم خطوط المقدمات أكبر من حجم خطوط المتن النصي بنقطتين. 
2- حجم خطوط العناوين أكبر من حجم خطوط المقدمات بنقطتين أيضاً. 
وذلك لمساعدة عين المستخدم على التدرج البصري من الأكبر إلى الأصغرء ولتنظيم الصفحة 


بشكل سلس وجذاب. 


ج- اتساع السطر: 


يرتبط طول السطر المستخدم في عرض المحتوى المعلوماتي بعوامل مختلفة منها: 


© عين المستخدم. 
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تباين ووضوح الشاشة. 


وقد توصل التيبوغرافيون إلى مجموعة من القواعد التي يمكن من خلالها تحديد طول 
السطرء منها: 


قاعدة الثلاث بوصات والبيكسل: 

إذ ترى هذه القاعدة أن طول السطر يجب ألا يتجاوز ثلاث بوصات؛ لأن حركة 
العين تكون في أقصى تركيز لها في هذه المسافة» وأن المستخدم سيفقد هذا 
التركيز» ويفقد مسار القراءة إذا كان السطر طويلاًء أما القاعدة الثانية فترى أن طول 
السطر المناسب هو 365 بيكسلء أي 3.8 بوصة عندما يكون تباين الشاشة 
0 بيكسل. 

قاعدة الحروف الأبجدية ونصفها: 

وترى هذه القاعدة أن طول السطر المناسب هو الذي يحتوي عدد حروف اللغة 
ونصقهاء وبناءً على ذلك فإن عدد الحروف المناسبة في السطر (العربي) هو 42 
حرفا . 

قاعدة جداء عدد النقاط باثنين: 

ورأت هذه القاعدة أن طول السطر يقاس من خلال معرفة حجم الخط بالنقطة * 
اثنين» فإذا كان حجم الخط 14 نقطة» فإن طول السطر يساوي 28 نقطة. 

قاعدة عدد الكلمات: 

من الباحثين من رأى أن عدد الكلمات المناسبة في السطر من عشر إلى اثنتي 
عشرة كلمة» مما يعطي للمستخدم فرصة إيجاد السطر التالي ويمنع الزيُغ البصري, 
ورأى بعضهم الآخر أن السطر يجب ألا يزيد عن ثماني إلى خمس عشرة كلمة. 
قاعدة عدد الحروف: 

ترى قاعدة عدد الحروف أن طول السطر يجب ألا يقل عن خمسين حرفاً إلى 78 
حرفاًء ووفقاً لهذه القاعدة: 


عرض السطور الطويلة أفضل من السطور القصير. 
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« من غير المفضل تقسيم الصفحة إلى أعمدة. 
2- العناوين والمقدمات ( النص القيادي 164 ومألدعا ): 
ويشمل النصوص المكتوبة بخط كبير أي العناوين والمقدمات» وهي التي تقود القارئ إلى المتن» وتساعده 
على التنقل فيه بيسر وسهولة؛ وهي العناصر الأكثر جذباً للانتباه وإثارة للاهتمام. 


أ- العناوين: 

تتفاوت أهمية العناوين من صفحة إلى أخرى في الصحيفة 
الإلكترونية» لكنها وبشكل عام من أهم العناصر التيبوغرافية 
في بناء الصفحات وتحديد هيكلتهاء لذلك يجب أن تتسم 


بالصفات الكالية: 





1- البساطة» وعدم تعدد أسطرهاء تحقيقاً لمبدأ الإيجاز 
على الإنترنت. 
2- الوضوح في المحتوى» وعرضها إما بأسلوب 
الإخراج الصحفي العمودي أي أسلوب الأعمدة» أو 
بأسلوب الإخراج الصحفي الأفقي الذي يتيح نشر الموضوعات بشكل عرضي. 
وظائف العناوين من الناحية التيبوغرافية: 
ومن الناحية التيبوغرافية فإن العناوين تحقق الوظائف التالية: 
التعريف بمحتوى الأخبار والمعلومات» وشرح حقائقها بشكل مختصر. 
1- تحديد وتوضيح شخصية الصحيفة الإلكترونية» وغير 
الإلكترونية. 
2- تسويق الموضوع والترويج له من خلال العنوان الذي 
يدعو المستخدم إلى تصفح المادة أو الخبر الصحفي. 
3- زيادة جاذبية الصحيفة» والمساهمة في إخراجها الفني 


بشكل يلائم ميول المستخدم ورغباته. 
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أنواع العناوين بالصحف الإلكترونية: 


1- العناوين الثابتة: وهي العناوين التي لا تتغير من عدد إلى آخرء أو من تحديث إلى آخرء 
وتستخدمها الصحف الإلكترونية في عرض أبوابها الثابتة» وعادة ما تضعها الصحف على شكل 
عناوين تتلو بعضها البعض في الجهة اليمنى من الصحف التي تبدأ فيها الكتابة من جهة 
اليمين» ومن الجهة اليسرى في الصحف التي تبدأ فيها الكتابة من الجهة اليسرى. 
كما أن الصحف الإلكترونية قد تستخدم الجهة اليمنى من الصحيفة في تقديم عناوينها شبه الثابتة 
وهي التي تخضع للتغير وفقاً لمتطلبات التحديث غير الجوهري للموقع. 

2- العناوين المتغيرة: هي العناوين التي تتغير من عدد إلى آخرء أو من تحديث إلى آخر وتشمل: 

« العناوين الرئيسية: هي العناوين التي تحتوي على مقدمات» وتكون مميزة من ناحية 
الموقع والمساحة والحجمء وتوضع هذه العناوين في صدر الصفحة:؛ كما أنها تشغل 
مساحة أكبر من غيرها نتيجة لأن الخط المستخدم فيها يكون أكبر خط مستخدم في 
الصحيفة. 

« العناوين المجمعة: هي العناوين الأقل أهمية من وجهة نظر الصحيفة؛ لذلك تضعها في 
نهاية الصفحة وراء بعضها البعض دونما تمييز من ناحية الموقع أو المساحة أو الحجم. 

©« العناوين الفرعية: هي العناوين التابعة للعناوين الرئيسية وتكون عادة ذات نص فائق إلا 
أن حجمها عادة ما يكون صغيراًء يصل إلى حجم النص المستخدم في عرض الموضوع 
أو الخبر أو أقل منها. 


العناوين التي تُستخدم كعناصر تيبوغرافية في تصميم الصحيفة الإلكترونية: 
كما أن هناك مجموعة من العناوين التي تستخدم كعناصر تيبوغرافية في تصميم الصحيفة 
الإلكترونية» ومنها: 
1- عنوان الصفحة ال 11118: ويظهر في معظم برامج التصفح أعلى النافذة التي عرض فيها 
الصفحة في ال 831 1116» وهذا العنوان لا يظهر في الصفحة نفسهاء وانما في النافذة التي 
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يفتحها المتصفح لاستعراضهاء وهذا العنوان يساعد المستخدم على التعرف على الصفحة 
التي يقف عندها. 
2- عنوان المادة 1©30179!: ويضم هذا العنوان نوعين من العناوين: 
أ- العنوان التحليلي: وهو النوع الذي يشير إلى أقسام النصء» من مقدمة وتعريف وخلفية 
فاريكية رركاشة 
ب-عنوان العرض: وهو العنوان الذي يحمل مضمون النصء ويساعد المستخدم على فهم 
محتوياته» وهذه العناوين من أهم العناصر التي يسعى المصمم إلى إبرازهاء باستخدام 
الحجم الأكبر من الخطوط أو الألوان» أو استخدام الخط المائل» أو إضافة الحركة إليه 
أو جعله يومض. 


تزايدت أهمية المقدمات من الصحافة 
الإلكترونية» فالقارئن ‏ في الصحيفة 
الإلكترونية يكتفي بتصفح2 العناوين 
والمقدمات بيد أن الصحف الإلكترونية 
تتجاهل التقديم الجمالي والشكلي للمقدمات» 
وربما تكتفي بكتابتها بخط المتن الأصلي 


نفسه. 
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ثانياً: الفوااصل 


30 
رس 
امبو يي | 










1 1 
8ن مه : ١‏ تومت 
11 عم لعرمر 7< 7 2 2 قابة لساك متسر مف قي ايه 
عربي 019 
ع مه م1 عنوع ط امم 1 
دقومة الال لزمم المساودلنات ي14 داكا 
مليون دوم 
ف حكوسة #استلال #اسرائياي. وم لجف نشي عط تسو هما أمومتعوا مان تددو امن 
داه كولكل دوه رووة 


4 موسكو: الشعنا مم المتكعون على الأنسيق في سوريا 


قدمات مدقاة (”ذاعى” في هنيح والنقيفة 1 حدت هي ملل هذا اليوم 


نركيا بين فكي الثماشة الأعبركية . الروسية 


تعد وسائل الفصل بين المواد بمثابة الخطوط الطولية والعرضية» والتي تكون حدوداً فاصلة بين 
الموضوعات المختلفة» لكي لا تختلط بعضها بالبعض الآخر في عين القارئ» ويتحدد نجاح الفصل بين 
المواد باعتبارات عدة: 


- الوضوح الكافي بحيث لا يشك المستخدم في انعدام الصلة بين الموضوعات المنفصلة» أي تنظيم 
القراءة بحيث لا تختلط عين القارئ بين المواد المتجاورة. 
2- تأكيد بعض العناصر البنائية مثل إحاطتها بإطار أو جدول. 
3 - إضافة قيمة جمالية للصفحة:» وابراز المادة الصحفية وبخاصة الموضوعات داخل إطار. 


الفواصل التي تستخدمها الصحف والمواقع الإلكترونية للفصل بين الأخبار والموضوعات الصحفية: 


الفواصل للفصل بين الأخبار والموضوعات 
الصحفية» كالخطوط الرأسية (الجداول) للفصل آٍ ا 45 9-0-0 
بين الموضوعاتء» و(الإطارات) للفصل بين ل تت 
الصفحات» إذ تستخدم الفواصل للتأكيد على . 2 - مشا 
المضمون من زاوية» وفصله عن الموضوع 


المجاور من زاوية أخرى. 
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1-الجداول: 


هي الخطوط التي تسعى كل المواقع 
والصحف الإلكترونية إلى استخدامها 
للفصل بين المواد التحريرية المنشورة على 
صفحات الموقع فصلاً كاملاًء وتُقسم إلى 
خطوط طولية (الجداول الطولية)» وخطوط 
عرضية (الجداول العرضية)» وقد تكون 
الجداول ظاهرة أو 





مخفية» ولا يقتصر استخدامها على القوائم من البيانات التي تحتاج إلى ترتيبها في صفوف 

وأعمدة» بل يتعدى ذلك إلى استخدامها في تصميم الصفحات نفسها وتنظيمها والتحكم بها 

بصورة فعالة» إذ ُستخدم الجداول 190185 لتقسيم الصفحة إلى مناطق ثابتة» ومناطق متغيرة 
الحجم؛ وتحتوي على نصوص وصورء وتتيح هذه الجداول مرونة في تصميم الصفحة أو 

الإضافة إلى التصميم الأصليء ويرجع استخدام الجداول إلى: 

أ- حاجة المعلومات المطلوب عرضها على 
الصفحة إلى الحداوك” لعوضيها» مكل قائمة 
من الأرقام تمثل درجات الحرارة» وصفوفاً د ات حب 
تحوي أسماء المدن. ظ 

ب- الحاجة إلى تنظيم المعلومات بصورة تيسر 

من سهولة وسرعة قراءتها. 

ت-تيسير تحديث المعلومات على الصفحة 


في وقت لاحق» وبصورة سريعة. 


م تنه 
قا قة نا اها 8 لك 
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ث- الجداول أسلوب لتنظيم محتويات الصفحة في تصميم جذاب ييسر القراءة» ويمكن أن 
تحتوي على أنواع كثيرة من المعلومات» وليس مجردٍ النصوص مثل الصور والروابط 
التشعبية والفقرات» ومن ثم فهي لا تشكل قيداً على نوع المعلومات التي يمكن عرضها فيه. 

1- الإطارات: وهي نوع آخر من أدوات الفصلء وتسمح هذه الأدوات في البيئة التكنولوجية لجزء من 
مستعرض الويب أن يظل ثابتاً ومن دون تغيير عن طريق تركيب صفحتين (إطارين) أو ملفين 
أو أكثر في صفحة واحدة» واظهارهم مره واحدة» بحيث يحتل كل ملف منها إطاراً من إطارات 

الشاشة» ويحقق استخدام الإطارات في تصميم الصفحات مزايا عديدة: 

أ- عرض ملفات عدة في صفحة واحدة» كل ملف في إطار مستقل وكأنها نوافذ مستقلة مع 
إمكانية التنقل من إطار إلى آخرء أي عرض المعلومات بصورة متكاملة للقارئ. 

ب-تتيح إمكانية حفظ بعض المعلومات بصورة ثابتة على الصفحة داخل إطار محددء وهو 
الإطار الذي يعرض محتويات الموقع التي تتيح للقارئ التنقل بين موضوعاته مع عرض 
هذه الموضوعات في إطار آخر. 

وتعاني الإطارات من بعض المشكلات في استخدامها منها: أن بعض برامج التصفح لا تدعم 

ولا تتفهم الإطارات؛ الأمر الذي يجعل الصفحة بيضاء لها وللقارئ ما يسبب إحباطه؛ لذا على 

المصمم والمخرج أن يكون حريصاً على أن يتناسب تصميم الصفحة مع أنواع المتصفحات كافة 

أو توافر تصميمين للصفحة؛ أحدهما يستخدم الإطارات» والآخر لا يستخدمها. 

ويضيف بعض الباحثين الأيقونات كعناصر للفصل بين الموضوعات بشكل جميل وجذاب» 


والأيقونات رسوم صغيرة تحمل دلالة معينة» وقد يُقصد بها بعض العناوين أو النصوص. 


ثالثاً: الصور 


تناولت كثير من الدراسات الحديث عن أهمية الصور من الناحية الإخراجية» سواء بصفة مستقلة أم 
منفردة» وبصفة عامة تكتسب الصور أهميتها من الوظائف التي تؤديها داخل البناء الشكلي للصحيفة 
وذلك وفقاً لاستخداماتها داخل هذا البناء» وتشترك مع العناصر الأخرى في بناء جسم الصفحات» وتؤدي 
الصورة الصحفية وظائف متعددة منها: 
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« الوظيفة الإخبارية التي نافست بها المادة التحريرية في الصحافة الحديثة. 

« الوظيفة الجمالية فهي تضيء جوانب الصفحة وتشيع الحيوية والحركة على صفحاتهاء وتبعد 
الملل والجمود عنها. 

٠‏ كما تقف الصور والرسوم إلى جانب حروف المتن والعناوين في نقل الرسالة الإعلامية والأنماط 
التحريرية المختلفة إلى جمهور القراء» فلم يعد دور الصورة مجرد إضفاء الجاذبية على 
الصفحاتء وإنما المساعدة في تجسيد المعاني وتكوين شخصية الصحيفة» وملاحقة الأحداث» 
وتحقيق فهم أعمق وأشمل للقضايا التي تعكسها. 


وتضيف الصور الرقمية الصحفية فعالية ومزيداً من الجذب والقوة على دور الصورة وتأثيراتها المتعددة: 
وتصدرت الصورة الصحفية الاستفادة من هذا التغيير بالاتجاه نحو التصوير الرقميء والاستفادة بما قدمه 


الحاسب من إمكانات مؤثرة مثل: تغيير الإضاءة وتعديل الألوان» وتخزين الصورة لحفظها بشكل أفضل. 


ويُقصد بالصورة الصحفية الصورة التي تنطق بالمعنى» وتكمل للقارئ متعته بالخبر»ء حيث أصبحت 
الصورة الجيدة عملية أساسية وحيوية في حياة الصحف والمواقع الإلكترونية. 


ويزخر عالم الحاسب بالعشرات من أنواع الملفات الرسومية والصوّرية» وكل منها يختلف عن غيره من 
نواح عدة منها الدقة وعدد الألوان التي يستوعبهاء والحجم التخزيني للملفء» وتتكون الصور من شبكة 
دقيقة من ال 5ا521*©1: وكل نقطة تمثل في الشبكة موقع لون معين» ويتم تخزين الصورة الرقمية بالطريقة 
ذاتها» ويمئّل كل لون برقم» ويتم ضغط كل هذه الأرقام بالحجم» ويمكن ضغط الصورة بسهولة باستخدام 
أساليب مختلفة لضغط الصورة» وتعتمد المواقع والصحف الإلكترونية بصورة عامة على نوعين من 


ويقوم المخرج الصحفي بعملية إبراز الصورة وتحديد حجمها المناسب طبقاً لهدفه» وطبقاً لبراعته ودقته. 
ويمكنه حذف الأجزاء غير المهمة من خلال برامج معالجة الصور المستخدمة كبرنامج ال 56/010507 
الذي يعمل على إخراج صورة مشوقة وجذابة» وبصورة عامة فإن إخراج الصورة الصحفية هو تحديد 
الشكل الفني الذي ستظهر فيه الصورة الصحفية من حيث موقعها في الصفحة» وأسلوب عرضهاء 


وطريقة تقديمهاء عموماً إن تنسيق 26تال مثالي لتخزين الصور الفوتوغرافية» لأنه صمم بشكل خاص 


201 


لتخزينها بفعالية» وتنسيق 6/5 مثالي لتخزين صور صفحة الويب؛ كالأشكال والرسوم البيانية والصور 
والرسوم المتحركة. 


أشكال الصور بالصحف الإلكترونية من حيث استخدامها: 


يقوم المخرج والمصمم في المواقع والصحف الإلكترونية بإخراج الصور وفق أسلوبين هما: أسلوب الصور 
الثابتة» وأسلوب الصور المتحركة» كما تأخذ الصور التي تقدمها الصحف الإلكترونية ثلاثة أشكال من 


1- الصور المعلوماتية والإخبارية: وهي التي تقدم معلومات إلى القارئ» وتتعدد أنواعها 


وتقسيماتهاء فمنها على سبيل المثال: الصور الشخصية والموضوعية والإبهامية» ومنها أيضاً 


الرسوم التوضيحية» والرسوم الساخرة. 





2- شعار الصحيفة: وهو الذي يحمل شخصية الصحيفة» ويقوم بعملية ربط بصري بين القارئ 


والصحيفة. 
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3- الصور كروابط: تستخدم الصحف هذا النوع بدلا من النصوص لتقديم شكل جمالي إلى 
المستخدم. 





مهما كانت الأنواع والأشكال» فالصور عادة ما تقوم بعدد من الوظائف هي: 


1 - الوظيفة التزيينية ©8601214107]: المتمثلة في تقديم الشكل المرئي وللتأكيد عليه. 

2- الوظيفة التصويرية |1©0165611431101023]: وتحتوي العناصر المذكورة في النص. 

3- الوظيفة التنظيمية 0123111236101131: المتمثلة في تصوير العلاقات بين العناصر المذكورة 
في النصن: 

4- الوظيفة التفسيرية ©50131036(276: المتمثلة في توضيح كيفية حدوث الأشياء. 

5- الوظيفة البصرية: للصورة دور فعال في جذب انتباه القارئ والاستحواذ عليه» ويتفق مصممو 
الصحف على أن الصورة اللافتة للنظر ربما تكون أفضل وسائل جذب عين القارئ إلى 
الصحيفة» وتعد الصورة الفوتوغرافية أفضلها في هذا الصدد إذ يمكنها تسجيل تفاصيل الأشياء 
بشكل قريب من الواقع» فضلاً عن أنها تستطيع جذب الانتباه بشكل أسرع. 
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6- الوظيفة التيبوغرافية: تمثل الصور أحد العناصر التيبوغرافية أياً كان شكلها وطريقة إخراجهاء 
وتساعد الصور في تصنيف الأخبار حسب أهميتهاء كما العناصر التيبوغرافية الأخرى؛ كما 
شتخدم في تثبيت أركان الصفحة» وإيجاد صفحة جذابة باعتبارها عنصراً تيبوغرافياً يتميز 
بالتقل. 

7- الوظيفة الاتصالية: للصورة وظيفتها الإخبارية التي تنافس بها الكلمة في الصحافة الإلكترونية 
في نقل المعلومات المطلوبة» وقد ازدادت أهمية الصور والرسوم الصحفية بعد نجاحها في 
مختلف وسائل الإعلام الأخرى» فضلاً عن أن الصورة أقدرُ على ربط مضمونها بالواقع» وأنها 
تستعمل لإشباع فضول القارئ إلى شكل الأشخاص والأماكن والأشياء. 

8- وهناك وظيفة أخرى للصور والرسوم أضفاها الإنترنت عليهاء وهي وظيفتها كرابط متشعب 
»1101© ملالاء فالصور والرسوم على الإنترنت تستخدم لتوضيح موضوع معينء أو لتوضيح 
مضمون الصفحات في حالة استخدامها الروابط. 


بالرغم من أهمية الصورء فإن الاستخدام المبالغ 
للصورء وعدم فهم وظائف الصور والرسوم» 
وتأثيراتها على المستخدم يؤدي إلى إحداث تأثيرات 
عكسية لاستخدامهاء ومن هنا يجب أن يراعي 
المخرج عدداً من المعايير عند استخدام الصور 


والرسوم تتمثل بما يأتي: 





ع زيادة عائدات التفط: وفق ما افاد تلفزيون الاخبا 


,7 5 
لصيو . 
9 5 4 
ً- 9 1 
0 
٠9‏ 6 + 
9 
7 9 
1 . : . 
9 
1 . 
. 
0 
#5 اعلئت السعودية تحقيق قائض بقيمة 386 مليار ريا 
2 00 , ة عائدات التفط ١‏ 


1- استخدام الصور والرسوم لإكساب الصحيفة أو الموقع نوعاً من الواقعية. 
2- تجنب الصور ذات الدرجات اللونية الرمادية أو الألوان البراقة حتى لا تعطيّ القارئ انطباعاً 


خاطئاً عن الموضوع. 
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3- عدم المبالغة في حجم الصور على الشاشة؛ لأنها تتطلب سعات تخزينية كبيرة» وتأخذ مدة طويلة 
في التحميل على الإنترنت مما يجعل متصفح المواقع يمل منهاء ويتحول إلى موقع آخرء وتعتمد 
جودة الصورة على قوة تحديدها 1107لا|5©501!» ويتم قياس التحديد بعدد ال 5اع<“ااط في البوصة. 

4- التناسب بين حجم الصورة والمادة التحريرية التابعة لهاء وتوظيف الصورة في المكان المناسب. 

5- أن تكون الرسوم جيدة الإخراج» ويتوافر فيها عناصر الاتزان والتباين والبساطة» والتكامل مع 
الموضوع. 

6- الرسوم الخطية يجب أن تحافظ على النسب الطبيعية في الرسم بعكس رسوم الكاريكاتير. 


هو عبارة عن تصوير الأشخاص بشكل طريف 00 
. الإشكبار | عس 
يجسد ملامح الشخصية الواضحةء ويبالغ في إبراز 


ما يتميزون به من سماتء وقد يستخدم الكاريكاتير 
الكلام أو لا يستخدمه من أجل التعبير عن 
المفارقات المضحكة والجوانب الساخرة» إذا يقوم 
الكاريكاتير على إبرازن وتشويه الخصائص 


الملامحية أو الكوميديا في الموقف أو اللفظ 





| 
1 





كنماذج عامة» وليس كأفراد بعينهم؛ والرسوم بصورة عامة تخدم عدداً كبيراً من الأهداف في أي واجهة, 
من إعطاء المستخدمين إشارات بصرية إلى التفاعل مع الصفحة» إلى تحريض الحالات النفسية أو 
الأحاسيس أو الحالات العاطفية الأخرى» وقد تستخدم الرسوم أيضاً في هيئة رسوم رمزية بمصاحبة 
عناوين الأبواب التحريرية الثابتة» ويجب أن تأتي معبرة عن مضمون الباب ومنطوق العنوان المصاحب» 
وأما الرسوم البيانية فتعود أهميتها إلى أنها يمكن أن تقدم كما معقداً من البيانات والأرقام قد لا يلتفت 
إليها القارئ إذا ما وضع داخل المتنء» كما أنها تضع هذه الأرقام في ميزان المقارنة مع أرقام أخرى في 
أماكن وأزمنة متفاوتة. 
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المعايير التي تحكم وضعية الصور داخل صفحة الويب: 


إن استعمال الصور دون الارتكاز إلى أسباب علمية واعلامية وتقنية تدعم استعمالها يذهب بالمجهود 
الويب» وهذه المعايير ترتبط بنوع الصور وحجمهاء ومساحتها وموقعها على الصفحة» وهي كما يلي: 


أ- نوع الصورة: 
تتحكم دقة الصورة والألوان الموجودة بها في تحديد الصور المعروضة على الصحيفة الإلكترونية؛ 
وتقاس دقة الصورة بالبت 814 ويسمى أحياناً عمق البيكسل 6011© ا©<اط, أو وضوح البت ]81 
0]ناا650» والمراد بها عدد الألوان المتاحة في بيكسل الصورة المعروضة:؛ فعلى سبيل المثال 
البيكسل ذو العمق الواحد يحتوي على قيمتين هما الأسود والأبيضء والبيكسل ذو الثمانية أعماق 
يحتوي على 256 قيمة لونية» والبيكسل ذو الأربعة والعشرين بت يحتوي على 16.777.216 
لوما: 

ب- حجم الصورة: 
يتحكم نوع الصور في حجمهاء فالصور من نوعية 6/5 أقل حجماً من الصور من نوعية (١/6‏ 
و6ع]طلء. لأنهما يحتويان على ألوان أكثرء وهناك علاقة وثيقة بين حجم الصورء وتحميل 
صفحة الويب» فكلما كانت الصفحة تحتوي على صور كبيرة الحجم أو صور كثيرة العدد زاد من 
بطء تحميل الصفحة» وهناك قاعدتان تحكمان حجم الصور: الأولى تتعلق بالصور المنفردة» 
والثانية تتعلق بحجم الصور الإجمالي في الصفحة» وبالنسبة للصور المنفردة فقد توصل 
المصممون إلى أن حجمها يجب أن يتراوح ما بين 25 و50 كيلو بايت على الرغم من اعتماد 
بعضهم على 30 أو 35 كيلو بايت؛ عدا عن أنها لا تظهر تفاصيل الصورة بشكل واضح. أما 
بالنسبة لحجم الصور في الصفحة»؛ فيجب ألا يتجاوز ال 200 كيلو بايت. 
ويجب الانتباه إلى الصور الثابتة» والصور المتغيرة في الصحيفة الإلكترونية» والتقليل من الصور 
الثابتة» حتى تفسح المجال للصور المصاحبة للنصوصء ولتزيد من سرعة تحميل الصفحة. 
ج-2 مساحة الصورة: 
ويُقصد بها مساحة الصورة التي تشغلها على الصفحة؛ وتتحدد مساحة الصورة تبعاً للمعلومات 
التي تحتويها الصورة» فإذا كانت تفاصيل الصورة كبيرة تطلّبت زيادة مساحتهاء وقد توصل 
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الباحثون إلى 25.000 بيكسل مربع كمساحة مثالية للصورة» وتخضع مساحة الصورة إلى نوع 
الصورة» فالصورة الشخصية مساحتها صغيرة وتأخذ شكلا رأسياً» والصورة الموضوعية (تجسد 
حدثاً معيناً) تشغل مساحة أكبر وتأخذ شكلاً أفقياً» أما الصورة الإبهامية (بحجم الإبهام) فلا تركن 
لمساحة أو شكل معينء فيمكن أن تكون دائرية أو شبه دائرية» أو مستطيلة أو مربعة الشكل. 

د - موقع الصورة: 

يُجمع الباحثون على أن الموقع الأفضل بالنسبة للصور وضعها في اتجاه اللغة» وأن لا تقطع 
النص حتى لا تقطع استمرارية قراءته» ولا توضع في نهاية النص» وقد رأى باحثون آخرون 
ضرورة وضعها في الجزء الأيمن من الصفحة حتى لا تقطع استمرارية النصء ولا توضع في 
نهايته لعدم سحب الانتباه من النص أو شغل بصر القارئ بالنص والصورة معاًء بينما رأى 
آخرون أن وضعها بين العنوان والنص أمر مناسب أكثر لتعطي الصورة فكرة كاملة عن الموضوع 
قبل البدء بالقراءة» ولأن الصورة مكملة للنص وهي جزءٌ منه» ولتؤديَ إلى كسر النمطية في 
عرض الصورء ويطرح باحثون فكرة وضع الصورة فوق العنوان حتى تقود القارئ بما تملكه من 
قوة جذب إلى قراءة النص. 


رابعاً: الألوان 
وظائف الألوان في الصحيفة أو الموقع الالكتروني: 


1- التمييز بين العناصر المختلفة باستخدام لون مميز لكل فئة من العناصر. 

2- تحقيق التباين بين الخطوط الموجودة في الصفحة. 

3- الإسراع في عملية البحث داخل النص الطويل» وذلك بتمييز بعض الكلمات المفتاحية 
بالألوان. 

4- إعطاء القارئ إيحاءات ومعاني معينة للعناصر نظراً للتأثيرات النفسية التي تحدثها الألوان 
على عين القارئ» ونظراً للتأثيرات الفيزيولوجية على العين البشرية. 

5- إيجاد الإحساس بالوحدة للصفحة ككلء: ولبعض الموضوعات داخل الصفحة باستخدام 
ألوان محددة لكل منها. 

6- إعطاء الصفحة أو الموقع الهوية البصرية أو الملامح الأساسية. 
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المعايير التي يجب الالتزام بها عند اختيار الألوان: 


هناك مجموعة من المعايير التي يجب الالتزام بها عند اختيار الألوان منها: 


1 
-2 


استخدام الألوان الهادئة» وتجنب نقص التباين لتفادي إرهاق عين القارئ وازعاجه. 

استخدام ألوان محددة غير صارخة» وتجنب الألوان الفاتحة جداً؛ لأن الألوان هي التي تميز 
شخصية الصفحة وترسمهاء علماً أن الألوان القوية الصارخة تؤدي إلى بطء تحميل الصفحة 
والى حدوث الزيّغ اللوني. 

عدم استخدام ألوان كثيرة متجاورة مما يسبب التراكم في الألوان» وتشويه الصفحة. 

تجنب تجاور الألوان المتعارضة مثل اللون الأخضر والأزرق؛ لأن العين البشرية لن تميز 
درجات تلك الألوان بشكل صحيح. 

تجنب حالات العمى اللوني عند توظيف اللون» والذي يحدث في حالة النظر إلى شاشة 
الكمبيوتر في الضوء المنخفض. 
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خاتمه: 
تعتمد الصحافة الإلكترونية في تكوينها وتصميمها على مجموعة من العناصر التيبوغرافية التقليدية, 
كالنصوص والصورء والألوان والفواصل» ويستفيد المصمم في الصحيفة الإلكترونية من بيئة الإنترنت 
التي تسمح بالاستفادة القصوى من كل هذه العناصر ومكوناتها بشكل أفضل وأكثر تنوعاً مثل: 
« الاستفادة من أنواع الخطوط وأحجامها وطرق إبرازها للتأكيد على النصوصء, وعرضها بالشكل 
الذي يحقق وصولها بشكل سهل وسريع للمستخدم. 
« الاستفادة من إبراز العناوين وتوظيفها بالشكل الأمثل الذي يخدم عرض النص وتوضيح أهدافه 
والتعبير عنه. 
« الاستفادة من الجداول والإطارات كفواصل للموضوعات داخل الصفحة وفواصل بين الصفحات. 
« الاستفادة من إمكانيات أجهزة الحاسب والإنترنت في دعم الملايين من التدرجات اللونية التي 
سمحت للمصمم توظيقها بشكل دقيق في تقديم الموضوعات والصفحات وفقاً لدلالات الألوان 
وتأثيراتها النفسية على المستخدمين. 
لكن العناصر البنائية الأكثر تميزاً والتي تعتمد عليها الصحافة الإلكترونية في تكوينهاء فهي العناصر 
التكنولوجية» والمتمثلة في عناصر الوسائط المتعددة من نصوص ومقاطع فيديو» ومقاطع صوتية» ورسوم 


متحركة» ونصوص تشعبية» وغيرها من العناصرء وهو ما ستتعرض له الوحدة القادمة. 
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مي 


الخلاصه 


يذهب بعض الباحثين إلى أن الصحافة الإلكترونية هي الامتداد التكنولوجي للصحافة التقليدية» وبالتالي 
فإن بناء هذه الصحافة تأسس أصلاً على العناصر التقليدية التي بُنيت عليها الصحافة التقليدية» وهي 
العناصر نفسها التي لا تختلف في وظائفها وخصائصها التي تحملهاء لكنها تتميز في البيئة الإلكترونية 
بإمكانيات وسهولة ومرونة أكبر في الاستخدام» وقدرة على التوظيف لتحقيق الاستفادة القصوى من 
الميزات التي تتمتع بهاء بحيث تجعل من تصميم الصحيفة الإلكترونية عملية أكثر فعالية من الناحية 
الشكلية والوظيفية في ظل تنافس كبير في بيئة هذه الصحافة. 


وتكتم النتاضن التداية التقايدية ستفين .من التاصر». الصتف الأرك + الستامس التقابدية 'التعبوخرافية 
وهي النصوص وما تحويه من خطوط وحروفء وعناوين ومقدماتء والجداول والفواصل؛» أما الصنف 
الثاني فهو العناصر البنائية الغرافيكية» وتشمل الصور والرسوم الثابتة والألوان» وهي العناصر المساعدة 
للعناصر التيبوغرافية» لكنها تحمل الأهمية نفسهاء وتعمل على تقديم الصحيفة بشكل ممتع وجذاب» ومن 
هام الضيحافة الورفية ابض فمتق البجتسعوة إلى الرظافف. اللتحيدة ليذم المقافنو» كبا رفوا .ل 
القواعد التي تحكم آلية توظيفها واستخدامهاء لكنهم في البيئة الإلكترونية امتلكوا الإمكانيات التقنية الأكبر 
التي تجعلهم يقدمون النصوص بخطوطها المتعددة الأنواع وعناوينها المتنوعة» ومقدماتها الضرورية 
بشكل جذاب ومفيد أكثرء واستخدموا الجداول والفواصل لتنظيم المواد النصية وغيرها من العناصرء 
وتحديد العلاقات بينها بالطرق التقليدية والتكنولوجية» كما قدموا بالاعتماد على إمكانيات الحاسب الآلي» 
وعلى البرامج التطبيقية المختلفة تنوعات كثيرة وواضحة المعالم والتفاصيل من الصور والرسوم» وملايين 
من التدرجات الواضحة والجذابة من الألوان. 
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التمارين 


اختر الإجابة الصحيحة: 


.1 

ل اللصوصضن: 
قن التسيوضى المقتعية. 
6 
0 


دم < 06 (6 لا ]| 


ليست من العناصر التيبوغرافية التقليدية: 


الفواضل: 


. الألوان. 


الإجابة الصحيحة: 8 النصوص المتشعبة 


. من وظائف الصور كإحدى العناصر المهمة في تصميم الصحافة الإلكترونية: 
الوخليفة التسيرية: 

. الوظيفة التزيينية. 

. الوظيفة الإخبارية. 

. (8) و(8) صحيحان. 
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حجم الصور الثابتة التي يجب أن تُعرض في الصحيفة الإلكترونية يتراوح بين 25 إلى 50 كيلوبايت. 


هه 
8. خطأ 


الإجابة الصحيحة: / صح 


3. الخطوط التزيينية المزخرفة من أفضل أنواع الخطوط المستخدمة في النصوص لإضفاء الجمالية 
على النص. 


4. صح 


8. خطأ 


الإجابة الصحيحة: 8 خطأ 
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الوحدة التعليمية العاشرة 


عناصر تصميم الصحيفة الإلكترونية - العناصر التكنولوجية 


الأهداف التعليمية: 
بعد دراسة هذه الوحدة التعليمية يجب أن يكون الطالب قادراً على أن: 


1. يحدد العناصر التكنولوجية في تصميم الصحافة الإلكترونية. 
2. يشرح الرسوم المتحركة. 

3. يشرح مقاطع الفيديو. 

4. يشرح المقاطع الصوتية. 

5. يشرح النص المتشعب: 


العنخاصر 


عناصو تصميم :الضحافة الإلكترودية: 
الوسائط المتعددة 
5 الزس الفتدركة: 
© مقاطع الفيديو. 
ف الفقاظع الصرقية. 
© النص المتشعب. 


5 


خاتمة. 
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الكلمات المفتاحية: الصحافة الإلكترونية - العناصر التكنولوجية - الوسائط المتعددة - الرسوم 
المتحركة - رسوم ال 611 - رسوم ال 51//1 - المقاطع الصوتية - الموجات التماثلية - الصوت 
الرقمي- النص القيادي - مقاطع الفيديو - ملفات ال ©1150 كان ألا - ملفات ال لالاا/ا - ملفات ال 
1888 ب التحميل ليت اشاقن ب التصن الناشعب - كتير النفن تكقارية النسن التتانعب» بت 
النص المتشعب الداخلي - النص المتشعب الخارجي - النص المتشعب المحلي - النص المتشعب 
والقوى الفاعلة - النص المتشعب والقائم بالاتصال - الروابط التشعبية الغرافيكية - الروابط التشعبية 
التعنية: 


5 
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أولاً: مقدمة 


يجمع مصطلح الوسائط المتعددة كلآ من الرسوم والصوت 
الرقمي» ومقاطع الفيديو» والنصوص التشعبية بشكل نا لين 


أساسيء وقد تم استخدامها لدعم الوسائط التقليدية من 





نصوص وصور. ويُجمع الدارسون على أهمية استخدام 
الوسياكظة المتفدةة فى زرادة الرهون. (الصوتك والفيديو: 
والقضن: النتييب ] ال قل كل المماتي اليتستكنة في 
المحتوى المعلوماتي؛ وإضفاء نوع من الواقعية على هذه 
المعتوراكه داعرك عن | غطاء الصفحة الاحساين 





بالحيوية والديناميكية التي توفرها هذه الوسائل» ويشيرون إلى أن المبالغة في استخدامها قد يؤدي إلى 
نتائج عكسية تدفع المستخدم إلى الهروب إلى مواقع وصفحات أخرى ولاسيما أن ملفات هذه العناصر في 


الغالب تكون كبيرة» مما يؤدي إلى بطء تحميل هذه الصفحات. 


في هذه الوحدة سيتم التعرض للوسائط المتعددة» وهي العناصر التكنولوجية التي خرجت من بيئة 
الإنترنت» ووظفها المصممون لتقديم الصحف الإلكترونية بشكل جذاب وسهل الوصول بالنسبة إلى 
المستخدم» ومن ضمن هذه العناصر: الرسوم المتحركة» والمقاطع الصوتية الرقمية» ومقاطع الفيديو» 


وأخيراً النص المتشعب أو الفائق» وهو الجزء الأساسي والمهم في حزمة هذه الوسائط. 


ثانياً: العناصر البنائية التكنولوجية (الوسائط المتعددة) 
بدايات الوسائط المتعددة في العملية الإعلامية: 


ارتبط مفهوم الوسائط المتعددة بداية بتطور حركة الوسائل التعليمية واستخدامها في التعليم» وذلك مع 
شيوع استخدام أجهزة عرض الأفلام الثابتة والشفافيات والشرائح مصحوبة بالتسجيلات الصوتية» والتي 
تمثلت بمفهوم استخدام الوسائل السمعية البصرية 150031/ط0010-1ا4 في التعليم» وكان الهدف الأساسي 
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من استخدام هذه الوسائل إثارة الدافعية للتعليم والتعلم» والعمل على استثارة الحواس جميعها لاستكمال 
المعنى أو بناثه أحياناً» ولتأكيد بعض المعاني والدلالات لبعض المعلومات المتضمنة في الكتب والمناهج 


الدراسية والأكاديمية. 


وقد تجلت الوسائط أو الوسائل المتعددة 176013 ]اناالا في أشكال إعلامية كثيرة» كالأفلام الصامتة؛ 
والتي قد يرافقها أحياناً صوت تعليق صوتيء والناطقة بأصوات الفنانين والممثلين» أو حتى في حكايات 
صندوق الدنيا الذي يقتصر على عرض الصور الثابتة مع شرح صاحب الصندوق لحكاية الصورء كما 
تجلت في الكثير من الأفلام التعليمية والصحية والإرشادية الصامتة والناطقة أحياناًء وكل هذه الوسائل 
ساهمت في فترة من الفترات في استثارة دافعية المشاهدين والطلاب للمشاهدة والتعلم» وتوجيه الإدراك 
نحو المعاني التي لم تستطع الكلمة النصية أو حتى الصورة أحياناً وحدها أن تبني أو تعطي هذه الدلالة؛ 
وهذه كانت بدايات أو إرهاصات الوسائط المتعددة في العملية الإعلامية فيما بعد. 


مفهوم الوسائط المتعددة: 


تقوم الوسائط المتعددة إذاً على دمج النصوص و«الرسوم والصور الثابتة والمتحركة بالأصوات والتأثيراء” 
المختلفة لتوصيل المعاني والأفكار أو لتأكيدهاء ويرى الباحثون في هذا المجال أنه يمكن للوسائط 
المتعددة وبفضل ما تتوافر فيها من سمات وخصائص نفاعلية أن تحمئن الاتصالء وتثريّ المواد المقدمة 
عبرهاء ويؤكدون أنها تساهم في توفير بيئة متميزة تساعد مستخدمي الإنترنت عموماً على اكتساب 
المهارات والخبرات والمعرفة» وذلك من خلال التفاعل مع النصوص الجامدة المتضمنة للقطات مسموعة 
أو مرئية»؛ وصورٌ ورسوم كاريكاتورية أحياناً. 

ويذكر الباحثون تعاريف مختلفة للوسائط المتعددة» كلها تركز على أنها 'ترتكز بشكل أساسي على النص 
مصحوباً بالصوت واللقطات الحية من فيديو وصورة وصوت وتأثيرات خاصة, مما يزيد من قوة وخبرة 
المتلقي بأقل كلفة ووقت". أي أن الوسائط المتعددة من الناحية الشكلية تعني التكامل بين أكثر من 


وسيلة» نص مكتوب مع مقطع صوتي مع صورة ثابتة أو متحركة. 
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فوائد الوسائط المتعددة في المواقع الإعلامية: 


تقدم المواقع الإعلامية على شبكة الإنترنت - في الوقت الحالي - الكلمة المكتوبة والمقطع الصوتي 
والصورة الثابتة ومقطع الفيديو في إطار زمني واحدء فتقدم بذلك إمكانية المشاهدة أو القراءة أو الاستماع؛ 
فتجمع بذلك خصائص عمليات التعرض هذهء وتدعم العمليات المعرفية التي كانت تدعمها بشكل منفرد» 
كما تضفي على العمل الإخراجي قيماً جمالية تجعل الصفحة تتنوع بين المواد السمعية والبصرية» وقيماً 
نفعية تتمثل في إمداد المخرج بعناصر أخرى مساعدة للعناصر التقليدية لبناء الصحيفة أو الموقع 
الإلكتروني للتعبير عن المضمون بدقة أكبرء وهو ما يطلق عليه الوسائط المتعددة» والتي سيتم 
استعراضها فيما يلي: 


أولاً: الرسوم المتحركة 


هي سلسلة من الإطارات الثابتة التي تمثل كل منها لقطة؛. وثعرض اللقطات أو الإطارات بسرعة 24 
إطاراً في الثانية» فتوحي للمشاهد بالحركة؛ فالرسوم المتحركة إذاً هي محاكاة للواقع والحركة فيه» ويمكن 
أن تنشأ عن طريق الحاسب من دون تقليد الحركة من خلال إجراء تغيرات في اللون أو الإضاءة بين 
إطارات الصورة المتحركة» وهي أسلوب عمل حركة خادعة عن طريق استعراض سلسلة من الصور 
المختلفة تمر بسرعة فائقة خادعة العين عن طريق ما يسمى بالخداع البصريء وذلك برؤية الصور 
متحركة؛ معتمدة في ذلك على نظرية الرؤية» إذ تحتفظ شبكة العين بالصورة لمدة 10/1 من الثانية بعد 


زوال الصورة الفعلية. 


219 


تصميم الرسوم المتحركة: 
ويُستخدم في تصميم الرسوم المتحركة على الإنترنت العديد من لغات البرمجة والبرامج التطبيقية التي 
تتيح لمصمم الصفحة تدعيمها بالرسوم المتحركة» مثل برامج: 11506 >ا0ألا©» وبرنامج ©20/الاكا5106» 
لا تدعم مستعرضات الويب كل هذه البرامج» وعندها تحتاج إلى برامج أخرى لتشغيلها ودعمهاء مما يؤدي 
إلى شغل مساحة كبيرة على الصفحة» ويؤدي إلى ملل المستخدم وهروبه من الصفحة» ولكي يتلافى 
المصمم هذه المشكلة يقوم: 

« بتحديد أهداف استخدامه لهذه اللغة وهذه البرامج. 

» استخدام الرسوم بقدر معين ولاسيما أن الصحيفة الإلكترونية لا تعتمد كثيراً على الرسوم في 

موادها الإخبارية» ويتم الاعتماد عليها أكثر في تصميم الإعلانات. 


أنواع الرسوم المتحركة: 


تتنوع الرسوم المتحركة المعروضة في الصحافة 
الإلكترونية سواء: 
©« من ناحية الظهور على الصفحة. 
« من حيث أنواع الملفات التي تشغلها. 
من حيث الوظائف التي تقدمها. 





من حيث الظهور فإن الرسوم المتحركة تكون على شكلين: 


1- الرسوم المتحركة الديناميكية: وهي الرسوم غير الثابتة والمتغيرة من عدد إلى آخرء وبصفة عامة 


تستخدمها الصحف الإلكترونية لتحقيق ما يلي: 
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أ- عرض العناوين الإخبارية والموضوعات في الصفحات. 

ب- عرض مجموعة من الصور المتتابعة عن حدث معينء» مثل استخدامها في عرض صور 
المرشحين لانتخابات معينة أو عرض لاعبي قرة القدم. 

ت-جذب الانتباه عبر استغلال حركة الصور والعناوين. 

2 -الرسوم المتحركة الثابتة: وهي الرسوم التي لا تتغير في الصحيفة». والتي تميز شخصية الموقع 

أو الصحيفة الإلكترونية» ويحقق هذا الشكل من الرسوم عدداً من الوظائف منها: 

أ- ثبات شخصية الصحيفة على الشبكة عن طريق تميز موقعها برسم معين يميزها عن غيرها 
من بقية الصحف والمواقع الإلكترونية. 

ب-جذب انتباه القارئ للصحيفة. 

ت-المساعدة على التذكر» وايجاد انطباع معين لدى القارئ. 

ث- تحقيق التوازن بين أجزاء الصفحة» ومع العناصر الثقيلة مثل: العناوين - الرسوم - الصور 
- الجداول. 


من حيث الوظائف التي تساعد في تحقيقها: 
هناك في هذا الخصوص مجموعة من الرسوم المتحركة منها: 
1- إضفاء خاصية الرسوم المتحركة 0 
7 أي إعطاء الساكن أو الثابت حركة واقعية 
مثل أن تجعل شخصاً يمشيء أو ترسم ضحكة أو ابتسامة 


على وجه معين. 
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2- التركيز أو إضفاء البريق 300 5ألاوذاطوألا 6د -- 
95 م مثل إدخال كلمة على الشاشة ثم خم لاد 21300 [ل/ى 
إخراجهاء أو تكبيرها وتصغيرهاء وإضفاء ألوان : ١‏ 

يككلفة علييا شر التفاد: 





تحريك النصوص 16 1/01/100: وهي كتابة 
نص معين على الشاشة؛ واضافة مؤثرات بصرية 
عليه مثل أن تظهر الكلمة بشكل أحرف 
منفصلة مثل الآلة الكاتبة» أو عمل زحف للنص 
من اليمين إلى اليسارء أو عمل انقسام أفقي أو 
عمودي إلى الداخل أو الخارج. 


أما من حيث أنواع الملفات التي تشغْلها الرسوم المتحركة في الصحف والمواقع الإلكترونية» فيوجد 


نوعان من هذه الرسوم: 
الأول تقنية الرسوم المتحركة من نوعية ال ا 6. 


والثاني تقنية الرسوم المتحركة من نوعية ال “الا/ا5» ولكل نوع من هذه الأنواع ميزاته وخصائصه». 
واستخداماته المختلفة في التصميم: 

1- تقنية الرسوم المتحركة 0150314 1516/613006| 1م673 (61): وتعتمد هذه التقنية على 
عدد الإطارات (الصور) التي تمر في الثانية الواحدة» ويحتوي كل إطار على فكرة جديدة في 
الشكل والمضمونء وكلما زاد عدد الإطارات زادت سرعة الرسوم المتحركة من جهة؛ وزاد حجم 
الملفات من جهة ثانية. 
وتتميز هذه النوعية من الرسومء بميزات عدة: 


1. تدعم هذه الرسوم أغلب مستعرضات الويب. 
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2. صغر حجم ملفات هذه الرسوم. 
3. سرعة تحميلها على صفحة الإنترنت. 

2- تقنية الرسوم المتحركة 11351 5506160/316 (//51): وهي من أهم وسائل إغناء الويب» 
لاعتمادها طرائق مبتكرة في إعداد العروض التفاعلية التي تتيح التفاعل مع المستخدمء والانتقال 
بحرية بين عناصر العرضء واضافة المعلومات التي يرغب المشاركة بهاء وغيرها من أشكال 
التفاعل مع المادة» وثبنى العروض التفاعلية المبنية على تقنية ال 11351١‏ على عناصر أساسية: 
1. مسرح الحدث: وهو المساحة المرئية من صفحة الموقع التي ستجري فيها أحداث العرض. 
2 التسلسل الزمني للعرض: وهو المسار الزمني لتعاقب أحداث العرضء والتي يتم ترتيبها من 

خلال الصفات الزمنية للإطارات. 
3. الطبقات: وتسمح هذه التقنية بتمثيل الأحداث في طبقات متراكبة وشفافة بحيث تجري 


مجموعة من الأحداث في زمن واحد وعلى مسرح أحداث مشترك. 


قواعد استخدام الرسوم المتحركة: 

بالرغم من أهمية الرسوم المتحركة المستخدمة في تصميم 
الصحيفة الإلكترونية» وتأثيرها في إضفاء الجمال والجاذبية 
للموقع» فاستخدامها - كما سبق ذكره - يجب أن يكون بقدرء 
فهي في النهاية ليست عنصراً مساعداً لعرض الرسالة 
الإعلامية بل إن لها استخداماتِ أخرى على الصفحة؛ 
كتصميم الإعلانات مثلا» ويؤكد المصممون على مجموعة من 
المحاذير التي يجب الانتباه إليها عند التعامل مع الرسوم 
المتحركة» ومنها: 





عدم وضع الرسوم المتحركة في منتصف الصفحة» حتى لا تؤثر على مجال رؤية المستخدم» وقراءته 
الميفيرة لسن نفمة إحدابه والضركة 


203 


1- يجب ألا توضع هذه الرسوم في مناطق الاهتمام العالية» مثل الجزء العلوي الأيمن من الصفحة 
مكلا الست السادة نفضة: 

2- إذا كانت الرسوم المستخدمة على شكل أيقونات أو صور صغيرة» فيفضل استخدام رسوم ال 
عغاة. 


ثانياً: المقاطع الصوتية الرقمية 

يُعرَف الصوت من الناحية الفيزيائية بأنه تخلخل في 
الهواء يحدث للذبذبات الصوتية ينتج عنه موجات» 
يدركها الإنسان على أنها صوتء. وتطآّق كلمة 
الصوت على الموجات الصوتية عامة في النظام 


الرقمي» وتتكون هذه الموجات من عنصري: 





« الاتساع وهو المسافة بين خط المنتصف (الصمت) والخط الأعلى (الصوت العالي) والخط 
الأسفل (الصوت المنخفض) لذروة الموجة. 

٠‏ أما العنصر الثاني فهو: التردد أي سرعة حركة الموجة الصوتية (عدد الموجات التي تمر في 
الثانية الواحدة)» وبالطبع فإن الموجات السريعة تعطي إيقاعاً سريعاًء والموجات البطيئة تعطي 
إيقاعاً بطيئاً. 

وتحتاج ملفات الصوت التمائلية 603/00 
95 للتحويل إلى ملفات الصوت الرقمية» 
ويتم ذلك من خلال قيام المصمم بأخذ مقاسات 
لاتساع الموجة عند نقطة محددة من الزمن» وكل 
مقياس يؤخذ يسمى العينة» وعملية تحويل الصوت 


التمائلي إلى رقمي تسمى معاينة الصوت ذ-1 


2 سد ب بج ين جه ا عدا يد ه © 
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ويدرك المصمم أنه لن يصل إلى دقة ووضوح الصوت الأصليء لكن يمكن الاقتراب منه من خلال زيادة 
عدد العينات التي تؤخذ في الثانية وقيم اتساعهاء ويتم تحويل الصوت التمائلي إلى صوت رقميء إما عن 
طريق قناة أحادية 1/0170: أو قناة ثنائية (مجسمة) 516760: والصوت المجسم أكبر من الصوت 
الأحادي» ويشغل ضعف مساحته. 


أنواع الصوت في المواقع والصحف الإلكترونية: 
يمكن تقسيم الصوت في المواقع والصحف الإلكترونية إلى نوعين: 
1- التعليق الصوتي الذي يُستخدم في وصف وتفسير وجذب الانتباه إلى العناصر البصرية» 
والرسومات والفيديو على الصحيفة. 


2- الموسيقا والمؤثرات الصوتية المعبرة عن مواقف مختلفة لإضفاء الواقعية والإحساس بالأحداث 
والأماكن» وتحسين العملية التفاعلية» وجذب الانتباه. 


المجالات التي يُستخدم فيها الصوت في الصحف الإلكترونية: 
من المجالات التي يُستخدم فيها الصوت في الصحف الإلكترونية ما يلي: 
1- التنبيه على أخطاء وقع فيها المستخدم, كإصدار جرس لتنبيه المستخدم لضغطه على وصلة 
2- تنبيه المستخدم إلى موضوع مهم أو تحذير فوري» وهو مشابه للصوت السابق لكن يصاحبه 
تعليق مكتوب على الشاشة. 
3- يتم إضافة التعليقات الصوتية لتجنب النصوص المكتوبة الطويلة. 
4- إقناع المستخدم بالموضوع عن طريق المؤثرات الصوتية. 
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أنواع ملفات الصوت: 


تخزن ملفات الصوت في الحاسب على هيئة أنواع 9 
مختلفة من ملفات الصوت؛» وكل نوع من هذه الأنواع ذل 
يختلف من حيث الحجم الذي يشغله: ومن حيث دقة 1/003 


نقله للصوت الأصليء ومن هذه الملفات: 
اه 0 


1- ملفات لا و(الا5» وهما من أقدم أنواع ملفات الصوتء؛ وتتصف بكبر حجم ملفاتها. 

2- ملفات ال 10150 1/3176 (©/1/1/317): وقد أنشئت هذه الملفات من قبل مايكروسوفت. 

3- ملفات ال وأللالك 1/160501]6 100010/5//ا (1//1/8): قد أنشئت هذه الملفات من قبل 
مايكروسوفت أيضاً. 

4- ملفات ال وأكداك |68 (88): أنشئت هذه الملفات من قبل ١1950/015‏ ا62. 


5- ملفات ال 54/! و1/23, و1/52! و اث واثىء: وهذه الملفات تعمل على مشغل م30 7ألالا. 
وكل هذه الملفات يمكن أن تعمل على المستعرضات الحديثة» إما عن طريق التشغيل المباشر 15 ]|أنا8» 
أو يمكن أن تعمل من خلال برمجيات أخرى 15 ولااط. 
لاستخدام الصوت في الصحف أو المواقع 
الإلكترونية» يذكر: 

1- يجب أن يكون الصوت متسقاً مع 
الوظيفة المصاحبة له. 





2- عدم الإسراف في استخدام الرموز ٠ ٠‏ 


الصيونية: 
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3- تمكين المستخدم من التحكم في إلغاء الرسائل اللفظية متى أراد. 
4- تجنب استخدام ألحان متقاربة حتى لا يتداخل معناها على المستخدم. 


ثالثاً: مقاطع الفيديو 


تعد مقاطع الفيديو من أهم العناصر التكنولوجية 
المستخدمة في الصحيفة أو الموقع الإلكتروني» 
فهي تجسد الأحداث, وتُشعر المستخدم أنه يتعايش 
مع الواقع ومفرداته» لكن مشكلة مقاطع الفيديو 
تكمن في بطء الاتصال» 





وكبر حجم الملفات» وان كانت التطورات اللاحقة أوصلت سرعة ملفات الفيديو إلى سرعة البث المباشر 
التلفزيوني. 
وثمة نقطتان تخصان ملفات الفيديو: 

« الأولى تتعلق بالصوت ودرجة نقائه وحجمه ومعاينته. 


وتتشابه ملفات الفيديو الذي يقدّم في التلفزيون مع ملفات الفيديو التي عرض على الإنترنت» من حيث 
اعتمادهما على فكرة الإطارات» ويختلفان من حيث عددهاء فالكمبيوتر يعرض الصورة بطريقة تتابعية 
© بينما يعرض التلفزيون 50 صورة في 25 إطاراً في الثانية الواحدة. 

فالصؤر الستدركة على" الإنترفت إذا للك إلا صرراً ايكة مقاقيةة العرسن. خلال فترة زيتية :مما يؤدئ 


إلى الشعور بالحركة» ويتم عرض اللقطات بسرعة 24 إطاراً في الثانية. 
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العوامل التي تتحكم بدقة مقاطع الفيديو المنشورة على صفحة الويب: 
هناك العديد من العوامل التي تتحكم بدقة مقاطع الفيديو المنشورة على صفحة الويب» منها: 


1 - معدل الإطار: 
ويُقصد به عدد الإطارات المعروضة في الثانية الواحدة» وكلما زاد عدد الإطارات المعروضة في 
الثانية زادت جودة الصور المعروضة وزاد حجم الملفات» ولحل هذه المشكلة يجب ألا يتجاوز 
عدد الإطارات خمسة عشر إطاراً في الثانية الواحدة» ولا يقل عن عشر إطارات لكي لا تقل جودة 
الخوورة المعروكةة: 

2- مستوى الإطار: 
ويُقصد بها دقة الإطارات أي عدد البيكسلات المعروضة على الشاشة من الفيديو» ويرى 
المصممون أن لا تزيد مساحة ملف الفيديو عن 240 بيكسل عرضاً >“ 180 بيكسل ارتفاعاًء 
مما يؤدي إلى بطء التحميل؛ ولا تقل عن 160 عرضاً “ا 120 ارتفاعاًء مما يؤدي إلى عدم 
وضوح الصورة. 

3- عمق الألوان: 
يؤثر عمق الألوان في جودة الصورة» ويتدرج عمق الألوان من أحادي الألوان (أبيض وأسود) إلى 
2 بتء ويخضع عمق الألوان وفقاً للمنظر المراد إبرازه» ولا بد من استخدام أعلى عمق للألوان 
إذا ما كان المشهد يتناول حدثاً دقيق التفاصيل؛ مثل: التصوير تحت سطح الماءء أو في أعماق 
الخلاياء» أو داخل نواة الذرة. 

4- حساب الضغط: 
يؤثر حجم الضغط المستخدم في جودة ملفات الفيديو» والضغط ضروري لملفات الفيديو حتى 
يصغر حجم الملف ويسهل تحميله على الإنترنت» ودقيقة واحدة من دون ضغط يصل عدد 
الصور فيها إلى نحو 600 صورة؛ فضلاً عن الصوت المرافق» مما يعني أنها تحتاج إلى وقت 
أطول للتحميل؛ ولحل هذه المشكلة تلجأ صفحات الويب إلى استخدام الضغط والفك ©©006©»: 


وتقوم هذه التقنية على تقليل عدد الإطارات المعروضة أو تقليل عمق الألوان. 
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أنواع ملفات الفيديو: 
تتعدد أنواع ملفات الفيديو التي يمكن عرضها على الإنترنت» ومن أشهرها: 
1- ملفات ال ©1120 >اوألا: وقد طورت هذه 


الملفات شركة ©1مم68. لكي تتوافق مع 
أجهزتها المعروفة ا236010405/ل» 





1 ا كاء 01 
وتنتهي ملفاتها بامتداد 007 و/1/101, وهذه الملفات تتميز بقابليتها للضغط والفك بسرعة كبيرة. 

2-ملفات ال ( 1506 معلا/الالاا/ا) 

015 0 أ /ا/ا: طوريك هذه الملفات من قبل 

شركة 1/10105016» وتنتهي ملفاتها بامتداد 1 7 

الاذضء لكن هذه الملفات تتصف بكبر 

حجيها: وخ تعمرا الخاضيزة شرق رفك 01/5 0ل ألالا ومع معلألا 

الملفات. 





3-ملفات ال عانأءاط ومأناها/ا زع صاا) 
01010 57“0615: وتتميز هذه الملفات 
بأنها تعرض صوراً عالية الجودة؛ لكنها 
كبيرة الحجم. 
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طرق تقديم ملفات الفيديو: 
تقدم مقاطع الفيديو في الصحف والمواقع 


الإلكترونية بطريقتين: اناما 


© التحميل 001/01030]ا على جهاز العميل 
ثم تشغيله بعد ذلك. 





© البث المباشر 51162317170 لكنها تتصف: 


© بعدم دقة صور ملفات الفيديو. 





0 عدم وضوح صوتها. 


© اختفاء وظهور الصورة في أثناء التشغيل وتقطيع الصوت والصورة وغيابهما لمدة معينة؛ 
وتتوقف على سرعة الخط. 
أما التحميل فيعيبه الوقت الطويل الذي يستغرقه تحميل الملفات» وعدم 
صبر المستخدم. فعرض ملف فيديو مدته دقيقة واحدة يستغرق خمس 
دقائق للتحميل باستخدام مودم سرعته 56 كيلو بايت. 
وهناك مجموعة من الضوابط الواجب مراعاتها عند إعداد لقطات الفيديو 


وهي: 





1 - يجب أن تكون ملفات الفيديو قليلة الحجم حتى تُحمّل بسرعة. 
2- يجب أن تقدم مع الموضوعات النادرة وغير المتكررة» أو تلك التي لها مسحة تاريخية يندر 
وجودها. 


3- يجب أن تتمتع بالجودة المرئية» ولا يشوبها التشويش. 
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رابعاً: النص المتشعب (الفائق) 0©16©<6/ا!ا 
يعد القن المتشديه جردا عن الوسائظ المتشهية أو 
الفائقفة وشكلاً من أشكالهاء وهي مجموعة من عقد 
(مجموعات) النصوص والصور والصوتء مرتبطة 
بوصلات إلكترونية» لتشكل نظاماً مبنياً على 
الحاسب, وينتقل المستخدم من عقدة إلى أخرى إما 
باتباع الوصلات القائمة» أو إنشاء وصلات جديدة: 
ويمكن الاستدلال على هذه الروابط من خلال 
الأزرارء أو النقاط الساخنة 25010145 104] التي 





ا ل ار 


تعود فكرة النص المتشعب إلى ١1615007‏ 180 في الستينيات» والتي كانت نهاية مجموعة من الأفكار 
التي حاولت تجميع النتاج الفكري العالمي وتنظيمّه بحيث يسمح للراغبين بالحصول عليه بسهولة ويسرء 
كآلة اعلا 1/317617231. ال “©1/1617؛ والتي سعت إلى إنشاء نظام معلومات شخصي تسمح باختزان 
الكتب والسجلات والمراسلات» وتساعد في سرعة ومرونة الاسترجاع: ولكن الوصول إلى هذه المعلومات 
عن طريق الوصلات والروابط كان أمراً مستحيلاً. 

والنص المتشعب يحاكي طريقة تفكير المخ البشريء فالأفكار في ذهن الإنسان ليست وحدات منفصلة» 
إلى الحديث الأصليء وقد لا يعودء ويعرّف ١7/615007‏ النص المتشعب بأنه: "الكتابة غير الخطية والتي 
يتفرع من خلالها النص سامحاً للقارئ بالاختيار» ببساطة إنه سلسلة من نصوص كثيرة ومتشابكة عن 


طريق روابط تعرض للقارئ مساراتٍ مختلفة". 
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ا 


وقد أضاف النص المتشعب للإخراج الصحفي 58588 


الإلكتروني مساحات لا محدودة من المساحات 0 : 
ادج 


الافتراضية ومن المسارات التي يمكن أن يسلكها دنه 077 

السيكصي فى آنا عرسة المدون . الأعاتني 2 عم 

وفق رغباته وحاجاته؛ وتبرز الحاجة إلى النص كك - 
8 





المتشعب وتقسيم النص على شاشاتٍ مختلفة؛ لأن 





المستخدم يفقد نحو 25, من تركيزه عند القراءة 
من شاشة الكمبيوترء كما أن الكتابة السردية الطويلة لم تعد تلائم التطورات المتلاحقة في الأحداث» 
والتحديث المستمر للأخبار يتم بسهولة أكثر عندما يتم تقسيم النصء وربطه بروابط» فالنص المتشعب 
يعتمد على: الوصلات 82065, والروابط 715ألاء وترتبط هذه الوصلات بوصلات أخرى عن طريق 


الروابط التي يمكن أن تكون ثنائية الاتجاه. كما يمكن أن تكون هرمية من الأعلى إلى الأسفل. 


العناصر الرئيسة للنص المتشعب: 
النص المتشعب يتكون من ثلاثة عناصر رئيسية: 
1 - قاعدة بيانات بالنصء وتسمى الغقد أو الكتل 7/00©5: ويمكن لهذه العقد أن تحوي كلمة أو 
صورة» أو مقطعاً موسيقياً» وتمثّل هذه العقد في النص المتشعب بأسلوبين مختلفين: 
« الأول: نظم النص المتشعب المبني على الأطر 178006-83560: وفيه يتم تمثيل 
أجزاء المعلومات في أطر فردية» واتباغ إحدى الوصلات سينقل المستخدم من إطار 
على الشاشة إلى إطار جديد يُعرض على الشاشة قد يكون في نوافذ متعددة. 
« الثاني: نظم النص المتشعب المبني على اللف 5010/1100-83560: وفيه يتم تمثيل 
المعلومات غير المتتابعة» ويُستدل عليها من خلال أزرار داخل النصء وعندما يجري 
تصفحها يتم لف النص إلى الأعلى أو الأسفلء أو إلى اليمين أو اليسار. 
2- شبكة الدلالة اللفظية» الروابط 1015ا: وتقود هذه الروابط إلى مجموعة متنوعة من الموضوعات 


والفواة. والضشحاك» وين اذكان :الزوايط: الالقركاك والضدون. والكلماك: النتاهية وشباعة. ذه 
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الروابط في تسهيل البحث والوصول إلى المعلومات» كما تساعد في الحصول على خلفيات 
3- أدوات إيجاد الوصلات: 8010075: ويمكن أن تكون كلمة أو أيقونة» أو أي رسومات تعد مصدراً 


لوضلة كتشكل بعد الضفظ علبيا: 


نظرية النص المتشعب: 
نظراً لأهمية النص المتشعب وعلاقته الوطيدة مع المصمم والكاتب والمستخدم» فقد توصل الباحثون إلى 
وضع نظرية النص المتشعب التي تؤطر وترسم طبيعة هذه العلاقة» وتبحث في مدى إفادة كل طرف في 
العلاقة السابقة من هذا النصء وتطرح هذه النظرية العديد من الأفكار منها: 
1- يساعد النص المتشعب القارىَ بوضع نفسه في الحياة الواقعية عند التصفحء وأن يحكم على 
الأشياء والأفكار من خلال ما يقدم له من معلومات» وليس من وجهة نظر المحرر. 
2- يشجع القارئ على استخدام وتطوير مهاراته وخبراته ومعارفه السابقة لتقوده خلال النص 
المتشعب» وليس بناءً على تنظيم الكاتب للنص. 
3- لا يسلك المستخدمون المسلك نفسّه في النصوص المتشعبة» مما يؤدي إلى اختلاف فهمهم 
للنصوص المعروضة. 
4- يمكن للمستخدمين في بعض تطبيقات الصحف الإلكترونية كالمنتديات وضع روابطهم 
الخاصة» ومعلوماتهم الخاصة:؛ مما يجعلهم مشاركين أكثر في هذه الوسائل. 
5- لا يضطر الكاتب إلى طرح كل معلوماته في النص المعروضء فالروابط والوصلات ستحمل 
للمستخدم هذه المعلومات. 
6-لا يضطر الكاتب إلى سلسلة معلوماته في ترتيب محددء بداية ووسط ونهاية» فالمستخدم لن 
يسلك هذا الترتيب» ويقتصر دور الكاتب على ترتيب الروابط التي يمكن أن يسلكها 
المستخدم. 
7-لا يظهر الكاتب في النص المتشعبء بل يجب أن يموت نظرياً» ليعطي المستخدم حرية 
اختيار المسارات والمعلومات التي يطلبها. 
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أنواع النص المتشعب: 
يتعلق النص المتشعب في بنائه الشكلي بالإخراج» أما في بنائه الدلالي فإنه يتعلق بالمضمون وبفن 
الكتابة» ويهتم المصمم أو المخرج بكلا الجانبين» ويراعي ألا يفقد المستخدم ويتحول إلى موقع آخرء 
ويمكن تقسيم النص المتشعب إلى مجموعة من الأشكال والأنواع التي تلبي باختلاف خصائصها وميزاتها 
حاجات المستخدمين وتفضيلاتهم: 
1- النص المتشعب الداخلي: وهو النص الذي يقود المستخدم إلى الصفحات الداخلية في الموقع 
نفسه بناءً على العناوين الواضحة أمامه. 
2- النص المتشعب الخارجي: وهو النص الذي يقود المستخدم إلى مواقع أخرى» إضافة إلى الموقع 
نفسه للاستزادة من المعلومات الإضافية أو ذات الصلة. 
3- النص المتشعب المحلي: وهو النص الذي يسمح للمستخدم التنقل داخل الصفحة نفسها. 
4- النص المتشعب والقوى الفاعلة: وهو النص الذي يحيل المستخدم إلى قوى فاعلة في النصء» 
سياسيون؛ فنانون» رياضيونء وغيرهم.., وهذا النوع من النصوص يودّق العلاقة بين المستخدم 
والشخصيات الفاعلة» والتي يحب المستخدم الاستزادة من معلوماتهم وخبراتهم. 


5- النص المتشعب والقائم بالاتصال: ويربط هذا النص المستخدمَ مع المحرر عبر النص. 


معايير تصميم النص المتشعب: 
تله البالشترع.قن بعال التصمير إلى محترعة 71 - 
1 2 . سس ٠‏ و ا "520232377 0 - 


في الصحيفة أو الموقع الإلكتروني» وتتلخص هذه 0 2 
م ييا ١‏ 


المعايير فى: 











1-مراعاة كثرة استخدام النص من قبل 
المستخدمين. 55 


2- مراعاة توافر نسخ إلكترونية للنص المتشعب. 
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وعقاباقة النضين التعريل إلى تصن نسب وخدون كمللة الفكويل: 
4- تحديد الملامح البنائية للنص المتشعبء ومراعاة تميز مكوناته. 


كفي نية ٠.‏ 2 : « تغيد 1 ب ٠‏ ءة غند 26 : تغيد 37 ٠‏ 35 0 ير. 
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خاتمه: 
شكلت العناصر التكنولوجية» والمتمثلة في عناصر الوسائط المتعددة من صور ورسوم متحركة ومقاطع 
فيديو ومقاطع صوتية ونصوص تشعبية» التطورٌ الأكثر فعالية في تصميم المواقع والصحف الإلكترونية؛ 
وشكلت إضافة كبيرة للعناصر التقليدية المستخدمة في التصميمء فقد أضفت الرسوم المتحركة على 
التصميم الطابع الجمالي الجذاب الذي يثير الاهتمام والانتباه» كما قربت مقاطع الفيديو والمقاطع الصوتية 
الأحداثت من المستخدمء وجعلتها أكثر واقعية» وساهمت في تفسيرها بشكل أكبرء أما النص المتشعب فقد 
ساعد المحرر على التحرر من أسر الأسلوب الخطي في الكتابة» وعزز من مشاركة المستخدم مع النص 
والمحرر والصحفيء وقدم له معلومات أكثرء وخلفيات معرفية أكبرء فالتزاوج بين العناصر التكنولوجية 
والعناصر التقليدية يساعد المصمم على تنويع عناصره والاستفادة منهاء ومن الإمكانيات التي أوجدتها 
بيئة الإنترنت للوصول إلى التصميم المثالي الذي يجذب المستخدم ويلبي جميع احتياجاته الاتصالية 
والإعلامية. 
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مي 


الخلاصه 


قامت الوسائط المتعددة على فكرة جمع النصوص والرسوم والصور الثابتة والمتحركة بالأصوات 
والتأثيرات المختلفة لحمل وتوصيل المعاني والأفكار أو لتأكيدها للمستخدم» واستطاعت الوسائط المتعددة 
وبفضل ما تتوافر فيها من سمات وخصائص نفاعلية أن تحسن الاتصالء وتثريّ المواد المقدمة عبرهاء 
ويؤكد الباحثون على أهمية كل عنصر من هذه العناصر في توفير بيئة متميزة تساعد مستخدمي 


الإنترنت عموماً على اكتساب المهارات والخبرات والمعرفة. 


فالرسوم المتحركة وعلى الرغم من ندرة استخدامها في الرسائل الإعلامية الإخبارية تساعد على جذب 
الانتباه» واعطاء الموقع والصحيفة الإلكترونية الشكل المميز والهوية البصرية» كما تعمل المقاطع 
الصوتية على إضفاء الإحساس بالأحداث والأماكن» وتحسين العملية التفاعلية» وجذب الانتباه» وهو ما 
تقوم به مقاطع الفيديو بالرغم من محاذير استخدامها بكثرة من قبل المصممينء إذ إنها كبيرة الحجم, 
وتبطئ من سرعة تحميل الموقع أو الصحيفة الإلكترونية» ويقوم النص المتشعب أو الفائق بما يحمله من 
روابط ووصلات بإحالة المستخدم إلى خلفيات أخرى وكثيرة من المواقع والموضوعاتء؛ ويعطي للصحيفة 
الالقتروفية إمكافات أكر من .حيث. الساحاتك المشخصنة لعركن: المواذ والمضافيق الأعلاسة كما 
يحرر الصحفي أو المحرر من أسر الكتابة الخطية والواسعة التفاصيلء والأهم أنه يعطي للمستخدم حرية 
اختيار الرابط أو المسلك الذي يريده ويحقق حاجاته. 


هذه العناصر التكنولوجية مع العناصر التقليدية التيبوغرافية والغرافيكية هي العناصر البنائية التي 
يستخدمها المصمم في بناء وتكوين الصحيفة أو الموقع الإلكتروني الذي يحقق يسر الاستخدام لهم 
ويحقق الوصول إلى المحتوى المعلوماتي المطلوب 
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5- فتحي محمد رزق» منارء (2009)» تصميم المواقع الإلكترونية للصحف المصرية على شبكة 
الإنترنت» دراسة مقارنة في التقنيات والقائم بالاتصال والجمهور»ء رسالة دكتوراه غير منشورةة 
جامعة القاهرةء كلية الإعلام» قسم الصحافة. 

6- محمود محمد أحمد محسبء حلميء (2007)*» إخراج الصحف الإلكترونية على شبكة الإنترنت» 
القاهرة» دار العلوم للنشر. 

7- سالم تربان» ماجدء (20015/* الإنترنت والصحافة الإلكترونية» رؤية مستقبلية» ط]ء القاهرةء الدار 
المصرية اللبنانية. 

8- رسمي موسىء انتصارء (2004)» تصميم واخراج الصحف والمجلات والإعلانات الإلكترونية» 
طلء بغدادء مكتبة الذاكرة. 

9- حسين جمعة موسىء بيرق» [(2011)» فن الإخراج الصحفي لمواقع الجرائد الإلكترونية العراقية» 
دراسة تحليلية (الصباح والزمان والدعوة)» رسالة غير منشورة تعد جزياً من متطلبات الحصول على 
الماجستير» جامعة بغدادء كلية الإعلام» قسم الصحافة. 
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التمارين 


اختر الإجابة الصحيحة: 


.1 


م 
8 
0. 
م 


دم << 06 (6 لا ]| 


ليس من أنواع النص المتشعب: 


٠‏ النص المتشعب الداخلي. 
٠.‏ النص المتشعب الخارجي. 


النص المتشعب والقوى الفاعلة. 


. النص المتشعب والقارئ. 


الإجابة الصحيحة: ما النص المتشعب والقارئ 


. من معايير استخدام ملفات الفيديو: 

. يجب أن تكون ملفات الفيديو كبيرة الحجم حتى تقدم معلومات أكثر. 
. يجب أن تقدم مع الموضوعات المتكررة. 

. يجب أن تتمتع بالجودة المرئية» ولا يشوبها التشويش. 

. كل ما سبق صحيح. 

. الإجابة ن) فقط صحيحة 


الإجابة الصحيحة: 15 الإجابة © فقط صحيحة 


للنصوص المعروضة. 
ف شيج 
8. خطأ 


الإجابة الصحيحة: 8 خطأ 
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4. ملفات ال 11808 عانألا© طورتها شركة ©1مم8, لكي تتوافق مع أجهزتها المعروفة ال 
5م أطأن3/ا. 
4. صح 
8. خطأ 


الإجابة الصحيحة: ./ صح 
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